Карты Google не работают на Angular JS после изменения вида

Question

Карты Google не работают на Angular JS после изменения вида

0

Я делаю мобильное приложение с помощью cordova с Angular JS и API Карт Google. На моем домашнем экране у меня есть 3 вкладки. Третья вкладка - это интеграция с Google Maps. В первый раз, когда я вхожу на третью вкладку, карта загружается нормально, и все работает отлично. Но, когда я перехожу к другому представлению, имеющему другой контроллер, и возвращаюсь к виду и контроллеру Карт Google, он не загружается.

Вот код, который я запускаю каждый раз, когда я перехожу на вкладку 3 (Где находятся Карты Google).

$rootScope.mapOptions = {
    center: new google.maps.LatLng(-18.894608, -48.260980),
    zoom: 14,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};


$rootScope.map = new google.maps.Map(document.getElementById("map-canvas"), $rootScope.mapOptions);

Вот HTML-код представления

<div id="map-canvas" style="height: 90%; width: 100%"></div>

Я застрял в этой проблеме, и любая помощь будет очень ценить. Obs: Если вам нужна дополнительная информация о коде, просто спросите. Благодарю!

Matheus Scandiffio 21 сен. 2015, в 15:23

Источник

Теги:

javascript

angularjs

google-maps

cordova

2 ответа

Ещё вопросы

Matheus Scandiffio · Answer 1 · 2015-09-21T15-01-00.000Z

Проблема была решена с добавлением функции тайм-аута перед вызовом API Карт Google.

window.setTimeout(function() {
      //google maps code
},100);

Rohit Rai · Answer 2 · 2015-09-21T10-39-00.000Z

0

Оберните свой div-canvas в каком-нибудь состоянии ng-if, он будет работать определенно.

<div ng-if="showMap" id="map-canvas" style="height: 90%; width: 100%"></div>

Rohit Rai 21 сен. 2015, в 10:39

0

это не работает :(
Matheus Scandiffio 21 сен. 2015, в 13:54
0

Вы изменяете $ scope.showMap = true в своем контроллере?
Rohit Rai 21 сен. 2015, в 14:01
0

Я использовал ng-if = "true" в div. Правильно ли то же самое?
Matheus Scandiffio 21 сен. 2015, в 14:02
0

Нет ng-if = "true" не будет работать, я думаю, из-за оптимизации кода, он будет игнорироваться. Вы должны использовать некоторую переменную $ scope и изменить ее на «true», когда возвращаетесь на третью вкладку.
Rohit Rai 21 сен. 2015, в 14:07
0

между вкладками гугл карты работает нормально. Я нажимаю на вкладку 3, карта загружается идеально. Если я нажму на вкладку 1 и вернусь к вкладке 3, карты продолжат работать. Содержимое вкладок находится в одном и том же «homeController», я только переключаю представление на каждой вкладке. Проблема состоит в том, чтобы загрузить карту после смены в другое представление с другим контроллером.
Matheus Scandiffio 21 сен. 2015, в 14:10

Показать ещё 3 комментария