С Угловым обновлением области от обработчика события

Question

У меня есть одна проблема. Я надеялся, что кто-то мне поможет. Я использую Angular и угловую директиву Google Maps. У меня есть обработчик событий, зарегистрированный на холостом ходу, так что я хочу обновить, какие маркеры отображаются, но когда это событие обрабатывается, оно возвращает карту, и я потерял область, поэтому я не уверен, как добавить новые маркеры на карту?

Я настроить карту так:

<google-map center="map.center" zoom="map.zoom" events="map.events"> <markers> <marker ng-repeat="marker in map.markers" coords="marker"> </marker> </markers> </google-map> 

Это затем использует следующие настроить свои начальные значения на события:

$scope.map = { 
    center: { 
     latitude: 45, 
     longitude: -73 
    }, 
    zoom: 8, 
    events:{ 
     idle:getJobs 
    }, 
    markers:[] 
}; 

Когда событие запускает функцию getJobs я потерял сферу поэтому не может выталкивать новые маркеры на карту с угловыми, любые идеи?

function getJobs($scope) { 
    self = this; 
    JobService.getJobs(self.map).then(function(jobData){ 
     for (var i = 0; i < jobData.length; i++) { 
      var job = jobData[i]; 
      if (job.get('location') != null && job.get('location').longitude != null) { 
       $scope.map.markers.push(createJobMarker(job.get('role'),job.get('location').longitude,job.get('location').latitude),i);    
      } 
     } 
    }); 
} 

Answer 1

Попробуйте

function getJobs($scope) { 
    self = this; 
    JobService.getJobs(self.map).then(function(jobData){ 
     $scope.apply(function() { 
      for (var i = 0; i < jobData.length; i++) { 
       var job = jobData[i]; 
       if (job.get('location') != null && job.get('location').longitude != null) { 
        $scope.map.markers.push(createJobMarker(job.get('role'),job.get('location').longitude,job.get('location').latitude),i);    
       } 
      } 
     }); 
    }); 
} 

Update:

Я вижу, вы просто потерять ссылку на переменную области видимости. Попробуйте настроить свое событие следующим образом:

$scope.map = { 
    center: { 
     latitude: 45, 
     longitude: -73 
    }, 
    zoom: 8, 
    events:{ 
     idle: function() { 
      getJobs($scope); 
     } 
    }, 
    markers:[] 
};