Bibliothèque de visualisation
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Présentation
L'API Maps JavaScript utilise des bibliothèques pour fournir des fonctionnalités supplémentaires. La bibliothèque visualization inclut la classe HeatmapLayer, qui permet de visualiser l'intensité des données aux différents points géographiques.
Par exemple, le tutoriel de cartographie des séismes utilise la classe HeatMapLayer pour montrer les lieux des séismes et leur magnitude, et vous présente le code pas à pas.
Utiliser la bibliothèque
La bibliothèque Visualization est une bibliothèque autonome, distincte du code principal de l'API Maps JavaScript. Pour utiliser les fonctionnalités proposées dans cette bibliothèque, vous devez d'abord la charger à l'aide du paramètre libraries dans l'URL Bootstrap de l'API Maps JavaScript :
<script async
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&loading=async&libraries=visualization&callback=initMap">
</script>
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/08/27 (UTC).
[null,null,["Dernière mise à jour le 2025/08/27 (UTC)."],[[["\u003cp\u003eThe Maps JavaScript API offers a \u003ccode\u003evisualization\u003c/code\u003e library with a \u003ccode\u003eHeatmapLayer\u003c/code\u003e class for visualizing data intensity at geographical points.\u003c/p\u003e\n"],["\u003cp\u003eYou can find a practical example of using the \u003ccode\u003eHeatmapLayer\u003c/code\u003e in the earthquake mapping tutorial, which demonstrates plotting earthquake locations and intensity.\u003c/p\u003e\n"],["\u003cp\u003eTo utilize the \u003ccode\u003evisualization\u003c/code\u003e library's functionalities, load it separately using the \u003ccode\u003elibraries\u003c/code\u003e parameter in the Maps JavaScript API bootstrap URL, specifying \u003ccode\u003evisualization\u003c/code\u003e as the desired library.\u003c/p\u003e\n"]]],[],null,["# Visualization Library\n\nOverview\n--------\n\nThe Maps JavaScript API uses libraries to provide supplemental\nfeatures. The `visualization` library includes the\n[`HeatmapLayer`](/maps/documentation/javascript/heatmaplayer) class, which you can use to visualize data\nintensity at geographical points.\n\nFor example, the [earthquake mapping tutorial](/maps/documentation/javascript/tutorials/earthquakes) uses the `HeatMapLayer`\nclass to plot earthquake locations and intensity, and walks you step by step\nthrough the code.\n\nUse the library\n---------------\n\nThe visualization library is a self-contained library, separate from the main\nMaps JavaScript API code. To use the functionality contained\nwithin this library, you must first load it using the `libraries` parameter in\nthe Maps JavaScript API bootstrap URL:\n\n\n```html\n\u003cscript async\n src=\"https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&loading=async&libraries=visualization&callback=initMap\"\u003e\n\u003c/script\u003e\n```\n\n\u003cbr /\u003e"]]
