图层是地图上的对象,包含一个或多个单独项,但可作为一个整体进行操作。图层通常反映了您添加到地图上方以指定共同关联的对象集合。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);