你如何使用 ui-angular 将地图获取到 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 存储库中找到了答案。

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

如果其他人有这个问题。

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

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

你如何使用 ui-angular 将地图获取到 Pan？

How do you get the map to Pan using ui-angiular?

javascript

angularjs

leaflet

ui-leaflet