Изменения центра карты Google с помощью AngluarJS

Question

Я использую нг-карту что это AngularJS Google Maps Директива создано allenhwkim, чтобы показать карту на HTML-странице и избежать кодирований длинного кода Javascript.

Я хочу, чтобы изменить центр карты, когда пользователь нажимает на гиперссылкой.

Во-первых, карта центр inialized со значением в контроллере и все работает отлично:

Html:

<ng-map zoom="12" center="{{MyPosition}}" > </ng-map> 

AngluarJS контроллер:

$scope.MyPosition = [36.811, 10.087]; 

Я попытался передать долготу и широту щелкнутого элемента функции в контроллер, которая изменяет значение «MyPostion»

HTML: (device.EventData [0] .GPSPoint содержит значение, как это: долгота, широта)

<a data-toggle="modal" ng-click="changeMapPostion(device.EventData[0].GPSPoint)"> </a> 

функции в контроллере AngularJS:

$scope.changeMapPostion = function(NewPostion) { 
    $scope.MyPosition = '[' + NewPostion + ']' 
} 

значение MyPostion изменено отлично, но центр карты не изменился

Как решить эту проблему? можно ли изменить центр карты с помощью javascript-кода?

Answer 1

Чтение начала использования используемой вами библиотеки, я вижу, что есть способ получить объект карты (Google). Таким образом, вы можете просто использовать метод setCenter:

NgMap.getMap().then(function(map) { 
    map.setCenter(/* coords */); 
});