我目前正在尝试使用谷歌地图首先显示美国地图与天气和云谷歌地图图层,然后使用地理位置谷歌地图API缩放到用户的位置。我现在的问题是我只能在没有任何天气,云或地理定位信息的情况下显示地图,只能使用iframe基本视图模式映射api。我是javascript的新手,但在我的身体标签中有一个id为“map-canvas”的div,在我的head标签中有一个javascript文件mapWeather.js。
mapWeather.js:
function initialize() {
var mapOptions = {
zoom: 4,
center: new google.maps.LatLng(37.6,-95.665)
};
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);
}
google.maps.event.addDomListener(window, 'load', initialize);