使用してGoogleマップの中心を変更AngluarJS

Question

私はNG-マップを使用しています、それは、HTMLページ上の地図を表示し、JavaScriptコードの長コーディングを避けるためにallenhwkimによって作成AngularJS Googleマップの指令です。

私は、ユーザーが ハイパーリンクをクリックしたときに地図の中心を変更したいです。

まず、地図の中心は、コントローラの値とinializedされ、すべてが完璧に動作：

HTML：私はしようとした

$scope.MyPosition = [36.811, 10.087]; 

：

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

AngluarJSコントローラクリックされた項目の経度と緯度をコントローラー内の 'MyPostion'の値を変更する関数に渡します

HTML：（device.EventData [0] .GPSPointこのような値が含ま：経度、緯度）AngularJSコントローラで

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

機能：

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

MyPostionの値は完全に変更されましたが、マップセンターは変更されませんでした

この問題を解決するにはどうすればよいですか？

Answer 1

あなたが使っているlibのGet Startedを読んで、（Google）マップオブジェクトを取得する方法があることがわかります。このため、単にsetCenterメソッドを使用することができます。

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