javascript - 你如何使用 ui-angular 将 map 获取到 Pan？

Question

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

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”的数据对象，您可以将其传递到“ Controller ”并用于直接在页面上访问 map 对象。这是一些示例代码:

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