您已全部設定完成!

若要開始開發,請參閱我們的開發人員文件

啟用 Google Maps JavaScript API

為協助您開始,我們將先引導您使用「Google 開發人員控制台」來執行一些動作:

  1. 建立或選擇專案
  2. 啟用 Google Maps JavaScript API 與相關服務
  3. 建立適當的金鑰
繼續

圖層

圖層是地圖上的物件,包含一或多個獨力項目,並當做單一項目進行操作。圖層通常反映物件集合,您將這些物件新增到地圖的上層來指定常見關聯。Google Maps JavaScript API 可管理圖層內物件的呈現方法,也就是將它們的構成項目轉譯為一個物件(通常是地圖方塊疊加層),並隨著地圖檢視點的變更顯示這些物件。圖層也會修改地圖本身的呈現圖層,使用與圖層一致的方式,稍微地修改基本地圖方塊。請注意,大部分的圖層預設不能透過它們的個別物件來存取,只能以單一物件的方式來進行操作。

圖層總覽

Google Maps JavaScript API 有數種圖層類型:

  • Google 地圖資料圖層提供容納任意地理空間資料的容器。您可以使用資料圖層來在 Google 地圖上儲存您的自訂資料,或顯示 GeoJSON 資料。
  • Fusion Tables 圖層能轉譯 Google Fusion Tables 中包含的資料。
  • 熱度圖圖層能使用「熱度圖」視覺效果轉譯地理資料。
  • KML 圖層會將 KML 與 GeoRSS 元素轉譯到 Google Maps JavaScript API 地圖方塊疊加層。
  • 路況圖層能在地圖上顯示交通狀況。
  • 大眾運輸圖層能在地圖上顯示您所在城市的大眾運輸網絡。
  • 單車圖層物件能將單車車道的圖層和/或單車專用的疊加層轉譯成一般圖層。要求 BICYCLING 旅行模式的路線規劃時,預設會在 DirectionsRenderer 內傳回此圖層。

新增圖層

如果要新增圖層到地圖,您只需要呼叫 setMap(),傳遞給它要顯示圖層的地圖物件即可。同樣地,如果要隱藏圖層,請呼叫 setMap() 並傳遞 null

下列片段將地圖中心設定在英國倫敦,並新增大眾運輸圖層

var mapOptions = {
  zoom: 13,
  center: new google.maps.LatLng(51.5,-0.11)
}

var map = new google.maps.Map(document.getElementById("map"), mapOptions);

var transitLayer = new google.maps.TransitLayer();
transitLayer.setMap(map);

傳送您對下列選項的寶貴意見...

這個網頁
Google Maps JavaScript API
Google Maps JavaScript API
需要協助嗎?請前往我們的支援網頁