谷歌手机地图google maps691_google地图_安装google maps(10)

在 Google Maps API 中，您可以使用BicyclingLayer对象向地图添加骑行信息。BicyclingLayer用于在给定地图的顶部呈现一个骑行路径、推荐骑行路线以及骑行专用的其他叠加层的图层。此外，该图层会更改基本地图本身的样式，以突出显示支持骑行路线的街道，并弱化显示不适合骑行的街道。

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

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);

深绿色路线表示专用的骑行路线。浅绿色路线表示有专用“自行车车道”的街道。虚线路线表示不建议骑行的街道或路径。

天气和云况图层（库）

此部分中的概念仅适用于google.maps.weather库中提供的地图项。默认情况下，系统在加载 Maps JavaScript API 时不会加载该库，您必须使用libraries引导程序参数进行明确指定。

您可以通过 google.maps.weather 库的类和类在地图上显示天气数据和云图。启用云况图层会在地图中添加云量图像（在 0 到 6 的缩放级别下显示）。启用天气图层会在地图上显示来自weather.com的当前天气状况，其中包括表示晴天、多云、雨天等天气的图标。点击某个特定地区的天气图标会打开一个信息窗口，其中列出了当前湿度和风况等详细数据，以及未来四天的天气预报。您可以通过对象的featureDetails属性访问这些详细数据。以下示例在您单击图标时进行检测，然后显示相关位置的当前温度。

google.maps.event.addListener(weatherLayer, 'click', function(e) {
  alert('The current temperature at ' + e.featureDetails.location + ' is '
        + e.featureDetails.current.temperature + ' degrees.');
});

利用对象，您可以停用信息窗口，配置天气图层上显示的标签颜色，并自定义显示的温度单位（摄氏度或华氏度）和风速单位（公里/小时、英里/小时或米/秒）。

如果启用了天气图层且缩放级别设为 12 或以下，那么您的地图上会停用管理标签（如街道或地区的名称）。如果缩放级别为 13，地图会自动停用天气图层，并恢复显示管理标签。

以下示例启用了云况和天气图层，并将默认单位设为华氏度。

var mapOptions = {
  zoom: 6,
  center: new google.maps.LatLng(49.265984, -123.127491),
  mapTypeId: google.maps.MapTypeId.ROADMAP
};

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

var weatherLayer = new google.maps.weather.WeatherLayer({
  temperatureUnits: google.maps.weather.TemperatureUnit.FAHRENHEIT
});
weatherLayer.setMap(map);

var cloudLayer = new google.maps.weather.CloudLayer();
cloudLayer.setMap(map);

Panoramio 图层（库）

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/shouji/article-45243-10.html