谷歌地图api v3天气信息

时间:2012-03-12 20:19:39

标签: google-maps-api-3 yahoo-weather-api

我们如何将天气叠加选项添加到Google地图中,就像在Google地图上一样? 我已经搜索过了,但我找不到答案。

我是否必须拨打天气网络服务?

2 个答案:

答案 0 :(得分:3)

您可以通过以下两个步骤在地图上显示WeatherLayer dev-guide

首先,通过将libraries参数添加到用于加载地图的网址来加载WeatherLayer库:

<script type="text/javascript"
  src="http://maps.googleapis.com/maps/api/js?libraries=weather&sensor=false">
</script>

然后,您必须创建google.maps.weather.WeatherLayer api-doc类的实例,传递WeatherLayerOptions api-doc对象中的所有选项,并附加WeatherLayer地图:

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

除了WeatherLayer之外,您还可以使用类似的方式创建单独的google.maps.weather.CloudLayer api-doc课程:

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

您无需加载单独的库即可使用CloudLayer;将libraries=weather参数添加到加载地图的网址会使WeatherLayer和CloudLayer在地图上可用。作为Google Maps JavaScript API v3 Example: Weather Layer,显示了两个图层的用法。

答案 1 :(得分:2)

当我尝试将Google地图apiv3与天气图层一起使用时,我遇到了同样的问题。但幸运的是,我发现这个网站 http://code.google.com/p/gmaps-samples-v3/ 提供了所有Google地图api v3示例,但它们都可以使用。希望这有帮助。

Cuong Vo