Как нарисовать карту, используя новый Lat Lng в ионном

Question

Как нарисовать карту, используя новый Lat Lng в ионном

0

Я передаю правильную широту и долготу к карте, но она показывает старую карту, имеющую старый лат. Я знаю, что я делаю в этом что-то не так, но я не могу это понять. Мой проект в ионной структуре и для карты Я использую этот плагин для плагинов

Этот мой html-код

        <div style="width:100%;height:200px" id="mapDisplay"></div>

Этот мой угловой код JS

var getLat = $scope.dealer.lat;
var getLng = $scope.dealer.lng;
var address = $scope.dealer.address;

var mapDiv = document.getElementById("mapDisplay");
const myGeoLocation = new plugin.google.maps.LatLng(getLat,getLng);
var map = plugin.google.maps.Map.getMap(mapDiv, {
  'camera': {
    'latLng': myGeoLocation,
    'zoom': 15
  }
});

map.addEventListener(plugin.google.maps.event.MAP_READY, function() {
  map.addMarker({
    'position': myGeoLocation,
    'title': address
  }, function(marker) {
    marker.showInfoWindow();
  });
});

RahulSalvikar 16 авг. 2016, в 09:11

Источник

0

Я думаю, что последние где-то жестко запрограммированы. Попробуйте с реальными значениями для тестирования.
Atula 16 авг. 2016, в 08:24
0

нет, я передаю динамические значения. Я думаю, что Div не обновить
RahulSalvikar 16 авг. 2016, в 08:33
0

введите здесь некоторые известные слова ...... * const myGeoLocation = new plugin.google.maps.LatLng ( getLat, getLng ); *
Atula 16 авг. 2016, в 08:34
0

const myGeoLocation = new plugin.google.maps.L‌ atLng (-19.9178713, -43.9603117);
RahulSalvikar 16 авг. 2016, в 08:47
0

все еще возникают проблемы?
Atula 16 авг. 2016, в 09:00
0

да, на самом деле карта сначала рисует, но после этого не обновляется
RahulSalvikar 16 авг. 2016, в 09:03
0

thepolyglotdeveloper.com/2014/10/...
Atula 16 авг. 2016, в 09:08
0

Я использую этот плагин github.com/mapsplugin/cordova-plugin-googlemaps
RahulSalvikar 16 авг. 2016, в 11:07

Показать ещё 6 комментариев

Теги:

ionic-framework

angularjs

google-maps

cordova

cordova-plugins

2 ответа

Ещё вопросы

Я думаю, что последние где-то жестко запрограммированы. Попробуйте с реальными значениями для тестирования.
нет, я передаю динамические значения. Я думаю, что Div не обновить
введите здесь некоторые известные слова ...... * const myGeoLocation = new plugin.google.maps.LatLng ( getLat, getLng ); *
const myGeoLocation = new plugin.google.maps.L‌ atLng (-19.9178713, -43.9603117);
да, на самом деле карта сначала рисует, но после этого не обновляется
Я использую этот плагин github.com/mapsplugin/cordova-plugin-googlemaps

radyz · Answer 1 · 2016-08-16T12-00-00.000Z

Из документов плагина карты вы используете

Этот плагин генерирует только один экземпляр карты, используя метод Map.getMap(). В общем, вы можете создать несколько карт, но этот плагин не позволяет этого.

Поэтому ваш plugin.google.maps.Map.getMap только захватывает существующий экземпляр, а не создает новый, а plugin.google.maps.event.MAP_READY только один раз, в первый раз. Однако, глядя на исходный код, похоже, что экземпляр предоставляет метод удаления, который можно использовать для уничтожения существующего экземпляра и создания нового с новыми наборами координат при вызове обратного вызова, например: map.remove(function() {/** reset map coordinates **/}

** Дополнительно **

Если вам просто нужно отобразить карту с набором координат, вы можете сделать это, используя собственное приложение, передав lat/lon в плагин $ cordovaInAppBrowser. В качестве примера для iOS и Android у вас будет следующее:

IOS

$cordovaInAppBrowser.open('maps://?q=<latitude>,<longitude>', '_system');

Android

$cordovaInAppBrowser.open('geo:0,0?q=<latitude>,<longitude>', '_system');

И, наконец, вам нужно включить geo uri в свой файл config.xml следующим образом:

<allow-intent href="geo:*" />

Это действительно помогает мне, спасибо.
Отметьте вопрос, был ли он вам полезен :)

RahulSalvikar · Answer 2 · 2016-08-16T11-30-00.000Z

Плагин не позволяет создавать несколько экземпляров карт. Подробнее.

Но вы можете добиться этого, используя этот код

var map = plugin.google.maps.Map.getMap(div);
  map.clear();
  map.off();
  map.trigger("test");
  map.addEventListener(plugin.google.maps.event.MAP_READY);