Maps JavaScript API

在網頁應用程式中，建立深度自訂的互動式動態地圖、地點和地理空間體驗。

開始使用

使用 Maps JavaScript API 的常用功能著手建構地圖。
按照 Google 地圖平台入門指南的說明，建立帳戶並產生 API 金鑰，然後著手開發。
瞭解如何載入 Maps JavaScript API，以及在網頁應用程式中加入含有標記的地圖。
瞭解如何使用 Maps JavaScript API 建立 3D 地圖。
全面自訂地圖，包括道路、地貌和搜尋點等。
在使用者按下標記時顯示資訊視窗，當中提供額外說明和背景資訊。

特徵

瀏覽說明文件，瞭解 Maps JavaScript API 的核心功能。
顯示道路、衛星、混合、地形和自訂地圖。
自動將地圖上的文字本地化，提供超過 40 種語言。
顯示預設的 Google 地圖標記，或是加入自訂樣式標記。
自訂地圖上顯示的 UI 控制項。
撰寫程式碼來回應使用者互動和生命週期事件。
透過 WebGL 技術，在向量基本地圖上建立豐富的 3D 和 2D 體驗。
透過互動式資訊視窗，在標記中加入更多背景資訊和說明。
使用內建函式在地圖上繪製各種形狀，包括折線和多邊形。
建立自訂疊加層，在地圖上顯示資料和圖像等等。
疊加您的自訂圖像，這張圖像會隨著地圖平移和縮放。
在地圖上透過多種格式顯示 GeoJSON 和其他資料類型。
為地圖上將近所有視覺元素的外觀自訂樣式。
透過程式輔助方式，在三度空間中傾斜和旋轉向量基本地圖。
將大量標記分組，打造更簡潔的使用者體驗。
以視覺化方式呈現地理位置點上的資料強度。

程式庫

在載入 Maps JS API 時啟動自選程式庫，以加入擴充功能。
瞭解如何在載入 Maps JS API 時啟動可用程式庫。
讓使用者能在地圖上進行互動式繪圖。
使用公用程式函式，計算地表上的幾何圖形資料。
搜尋附近地點、啟用 Place Autocomplete，以及擷取 Place Details 和相片。
加入互動式地圖，內含由相片庫組成的地點選擇器。
使用熱視圖，以視覺化方式呈現地理位置點上的資料強度。

服務

試用內建的資料服務，充實網頁應用程式的內容。
取得地圖上兩點之間的路線 (最多可包含 25 個路線控點)。
擷取出發地和目的地矩陣的移動距離和所需時間。
擷取地表上地點的海拔高度，包括洋底。
將地址或地點 ID 轉換成座標，或是反向操作。
查詢特定地點可用的最大圖像縮放等級。
在網頁應用程式中加入 360 度街景服務圖像，或是上傳自己的圖像。

應用程式範例

在本機電腦以及喜愛的程式碼園地中，執行已上線的程式碼範例。
使用 Places Library 搜尋附近地點。
使用自訂地圖樣式，在網頁應用程式中加入深色模式地圖。
將地圖上的標記圖示變更為自訂圖片。
在地圖上建立內容豐富的疊加層；使用者平移和縮放地圖時，這類疊加層會隨著移動。
在內容豐富的地圖疊加層中顯示即時車流量。
透過程式輔助方式，在三度空間中傾斜和旋轉向量地圖。
更多應用程式範例

說明與支援

取得協助、給予協助、成為社群的一分子！

取得協助。給予協助。打造互相幫助的地圖社群。

回報錯誤或提出功能要求。

瞭解平台事件和服務中斷情形。

向 Google 地圖平台團隊尋求協助。