視覺化程式庫
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
總覽
Maps JavaScript API 會使用各種程式庫提供其他額外功能。visualization 程式庫包含 HeatmapLayer 類別，可用視覺化方式呈現地理位置點的資料強度。
舉例來說，「在地圖上標示地震」教學課程會使用 HeatMapLayer 類別，標示地震的位置和強度，並逐步引導您瞭解相關程式碼。
使用程式庫
視覺化程式庫是獨立程式庫，與主要的 Maps JavaScript API 程式碼不同。如要使用這個程式庫中的功能，請先在 Maps JavaScript API Bootstrap 網址中使用 libraries 參數載入程式庫：
<script async
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&loading=async&libraries=visualization&callback=initMap">
</script>
除非另有註明，否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權，程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間：2025-08-27 (世界標準時間)。
[null,null,["上次更新時間：2025-08-27 (世界標準時間)。"],[[["\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"]]
