Google Map Угловая JS

Question

У меня есть следующий код:

<script> 
//google maps integration 
function initializeMap() { 
    var mapCanvas = document.getElementById('map-canvas'); 
    var mapOptions = { 
     center: new google.maps.LatLng(angular.element(document.getElementById('map-canvas')).scope().latitude, angular.element(document.getElementById('map-canvas')).scope().longitude), 
     zoom: 10, 
     mapTypeId: google.maps.MapTypeId.HYBRID 
    } 
    var map = new google.maps.Map(mapCanvas, mapOptions); 
} 
google.maps.event.addDomListener(window, 'load', initializeMap); 

<div id="map-canvas" style="width: 95%; height: 40%; background-color: #CCC; margin-left: auto; margin-right: auto;"></div>

Скрипт для использования «Google» импортируется (и работает, в противном случае я хотел бы получить ошибку в консоли), однако я вижу серый ящик каждый раз - даже если я изменяю значения в google.maps.LatLng на реальные числа вместо угловых значений сверху. Что я делаю не так? Спасибо за любую помощь.

Answer 1

Поскольку я не могу прокомментировать ваш ответ, чтобы задать ваши дальнейшие разъяснения, я предполагаю, что ошибки нет, но на вашей карте есть полная серая область.

Добавить этот код после загрузки карты.

google.maps.event.trigger(map, 'resize');