Get a Maps Demo Key: Try out select Maps JavaScript API and Places UI Kit features at no cost with a Maps Demo Key—no billing information required.

Visualization Library

  • The Maps JavaScript API offers a visualization library with a HeatmapLayer class for visualizing data intensity at geographical points.

  • You can find a practical example of using the HeatmapLayer in the earthquake mapping tutorial, which demonstrates plotting earthquake locations and intensity.

  • To utilize the visualization library's functionalities, load it separately using the libraries parameter in the Maps JavaScript API bootstrap URL, specifying visualization as the desired library.

Overview

The Maps JavaScript API uses libraries to provide supplemental features. The visualization library includes the HeatmapLayer class, which you can use to visualize data intensity at geographical points.

For example, the earthquake mapping tutorial uses the HeatMapLayer class to plot earthquake locations and intensity, and walks you step by step through the code.

Use the library

The visualization library is a self-contained library, separate from the main Maps JavaScript API code. To use the functionality contained within this library, you must first load it using the libraries parameter in the Maps JavaScript API bootstrap URL:

<script async
 src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&loading=async&libraries=visualization&callback=initMap">
</script>

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2026年09月01日 UTC.