Google Map Angular JS

Question

Google Map Angular JS

0

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

<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 на реальные числа вместо угловые значения сверху. Что я делаю не так? Спасибо за любую помощь.

borchero 26 июнь 2015, в 16:14

Источник

Теги:

javascript

html

angularjs

css

1 ответ

Ещё вопросы

Ranjith S · Answer 1 · 2015-06-26T12-43-00.000Z

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

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

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