javascript - 您如何使用 ui-angiular 将地图转到 Pan？

Question

我正在使用 ui-angular，但我不知道如何将地图移至新位置。我了解它是如何工作的，我只是使用 Leaflet.js，但因为这是一个指令，我不明白我应该使用什么对象来与页面上的地图进行交互。

Here is my map directive
<leaflet id="owmMap" center="center" markers="markers" layers="layers"></leaflet>

 Here is my code so far.

  $scope.moveTo = function(obj){
        console.log(obj);

      //map.panTo((new L.LatLng(40.737, -73.923));); <--- This is what I need to replicate
 }

Answer 1

好的，就像大多数事情一样，答案隐藏在文档中。出于某种原因，这个插件实际上有 3 个不同的站点，有不同的文档集，但我在 git repo 上找到了答案。

https://github.com/tombatossals/angular-leaflet-directive

如果其他人有这个问题。

有一个名为“leafletData”的数据对象，您可以将其传递到您的“控制器”并用于直接在页面上访问地图对象。这是一些示例代码：

 $scope.moveTo = function(obj){
      leafletData.getMap('myMap').then(function(map) {
         map.panTo({lat: obj.lat, lng: obj.lng});
       });   
 }