我目前正在尝试使用谷歌地图首先显示带有天气和云谷歌地图图层的美国地图,然后使用地理定位谷歌地图 api 放大用户的位置。我现在的问题是我只能在没有任何天气、云或地理位置信息的情况下显示地图,并且只能使用 iframe 基本视图模式地图 api。我对javascript相当陌生,但在我的body标签中有一个id为“map-canvas”的div,在我的head标签中有一个javascript文件mapWeather.js。
地图天气.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);