Погодный слой Google Maps API и геолокация

В настоящее время я пытаюсь использовать карты Google, чтобы сначала отобразить карту Соединенных Штатов с погодными и облачными слоями карты Google, а затем увеличить местоположение пользователя с помощью геолокации Google Maps API. Моя проблема сейчас заключается в том, что я могу отображать карту только без какой-либо информации о погоде, облаках или геолокации и только с использованием API-интерфейса карты базового режима просмотра iframe. Я новичок в javascript, но у меня есть div с идентификатором «map-canvas» в тегах body и файл javascript mapWeather.js в тегах head.

картаПогода.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);