Google Map V3 骑行图层

软件技术 前端
1

在 Google Maps API 中，您可以使用 BicyclingLayer 对象向地图添加骑行信息。BicyclingLayer 用于在给定地图的顶部呈现一个骑行路径、推荐骑行路线以及骑行专用的其他叠加层的图层。

此外，该图层会更改基本地图本身的样式，以突出显示支持骑行路线的街道，并弱化显示不适合骑行的街道。

以下示例在麻萨诸塞州剑桥的地图上显示了支持的骑行图层：

1063×923 491 KB

在线示例程序的地址：
http://src.ossez.com/filedetails.php?repname=p&path=%2Fgmaps%2Fv3%2Fexamples%2Ftrunk%2Flayer-bicycling%2Flayer-bicycling.html

程序代码如下：[code]

OSSEZ Google Maps JavaScript API v3 Example: 骑行地图 html,body { height: 100%; margin: 0; padding: 0; }

#map_canvas {
height: 100%;
}

@media print {
html,body {
height: auto;
}
#map_canvas {
height: 650px;
}
}

function initialize() { var myLatlng = new google.maps.LatLng(42.3726399, -71.1096528); var mapOptions = { zoom: 14, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; 
    var map = new google.maps.Map(
        document.getElementById('map_canvas'),
        mapOptions);

    var bikeLayer = new google.maps.BicyclingLayer();
    bikeLayer.setMap(map);
  }
</script>
[/code]