你如何使用ui-angiular将地图变成Pan?

时间:2016-06-01 03:14:31

标签: javascript angularjs leaflet ui-leaflet

我使用的是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
 }

1 个答案:

答案 0 :(得分:2)

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

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

如果有其他人有这个问题。

有一个名为&#34; leafletData&#34;的数据对象。您可以将其传递给您的控制器&#39;并用于直接在页面上访问地图对象。 以下是一些示例代码:

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