使用AngluarJS

Question

我正在使用 ng-map 这是allenhwkim创建的 AngularJS Google Maps Directive ，以便在html页面上显示地图并避免编写一个很长的JavaScript代码。

  

我想在用户点击时更改地图的中心   的超级链接

首先，地图中心使用控制器中的值进行初始化，并且Everything完美运行：

Html：

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

AngluarJS控制器：

$scope.MyPosition = [36.811, 10.087];

我尝试将点击的项目的经度和纬度传递给控制器​​中的一个功能，该功能会更改＆＃39; MyPostion＆＃39;

的值

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

阅读您使用的lib的“入门”，我发现有一种方法可以获取（Google）地图对象。因此，您只需使用setCenter方法：

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