圖層是地圖上的物件,包含一或多個獨力項目,並當做單一項目進行操作。圖層通常反映物件集合,您將這些物件新增到地圖的上層來指定常見關聯。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);