标记未在angularjs-google-map中动态更新

时间:2019-02-22 09:20:21

标签: angularjs google-maps angularjs-google-maps

我正在使用angularjs-google-map http://angular-ui.github.io/angular-google-maps/#!/来实现google map,但无法动态更新标记。 如果我是第一次更改地址,那么它可以正常工作,然后,如果我更改地址,则仅将地图移位到新位置,但是标记放置在旧位置。

以下是用于更新标记坐标的代码:

if(vm.listingModal.latitude && vm.listingModal.longitude){
 vm.map = {center: {latitude: vm.listingModal.latitude, longitude: vm.listingModal.longitude }, zoom: 12 ,control :function(){} };
 vm.options = {scrollwheel: false};
 vm.marker = [{
  id: 0,
  coords: {
    latitude: vm.listingModal.latitude,
    longitude: vm.listingModal.longitude
  },
  options: { draggable: true },
  events: {
   dragend: function (marker, eventName, args) {
   vm.lat = marker.getPosition().lat();
   vm.lon = marker.getPosition().lng();
   vm.listingModal.latitude=vm.lat;
   vm.listingModal.longitude=vm.lon;
   vm.locationSelected='Location Changed to '+vm.lat+', '+vm.lon;
  }
 }
}];               
}

uiGmapIsReady.promise()
            .then(function (map_instances) {
                vm.map.control.refresh({
                                    latitude: 48,
                                    longitude: 2.3
                                });
            });

旧坐标:  lat:28.574814,long:77.35571230000005 新坐标:  lat:28.57447,long:77.35561000000007

有人可以帮助我吗? 预先感谢。

0 个答案:

没有答案