繁体   English   中英

如何使用ui-angiular获取到Pan的地图?

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

我正在使用ui-angular,但我无法弄清楚如何将地图平移到新位置。 我了解它是如何工作的,因为我只是使用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
 }

好的,就像大多数事情一样,答案被埋藏在文档中。 由于某种原因,此插件实际上有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});
       });   
 }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM