「圖層」是地圖上的物件,包含一或多個不同項目,但可視為一個整體進行操作。圖層通常會反映您新增至地圖上方的物件集,以指定共同的關聯性。Maps JavaScript API 可將多個構成項目組成一個物件 (通常是圖塊疊加層) 做管理,讓圖層中各物件能隨著地圖可視區域改變而調整呈現方式。圖層也可以改變地圖本身的圖層顯示,以配合圖層的方式略微改變基本圖塊。請注意,大部分圖層的設計可能無法透過其中的個別物件進行存取,只能視為一個整體進行操作。
圖層總覽
Maps JavaScript API 包含以下幾種類型的圖層:
- Google 地圖資料層提供可存放任意地理空間資料的容器。您可以使用資料層來儲存自訂資料,或是在 Google 地圖上顯示 GeoJSON 資料。
- 熱視圖圖層會使用熱視圖視覺效果呈現地理資料。
- KML 圖層會將 KML 和 GeoRSS 元素,算繪成 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);