Wie bekommst du die Karte zu pan mit ui-angiular?

Question

Ich benutze ui-eckig, aber ich bin ich kann nicht herausfinden, wie man die Karte zu einem neuen Ort panT. Ich verstehe, wie es funktionieren würde Ich habe nur Leaflet.js verwendet, aber weil dies eine Direktive ist, verstehe ich nicht, welches Objekt ich verwenden soll, um mit der Karte auf der Seite zu interagieren.

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

Okay, wie die meisten Dinge wurde die Antwort in der Dokumentation begraben. Aus irgendeinem Grund gibt es tatsächlich 3 verschiedene Seiten für dieses Plugin mit verschiedenen Dokumenten, aber ich fand die Antwort auf dem Git Repo.

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

Wenn jemand anderes diese Frage hat.

Es gibt ein Datenobjekt namens "leafletData", das Sie in Ihren 'Controller' eingeben können und mit dem Sie direkt auf der Seite auf das Kartenobjekt zugreifen können. Hier ist ein Beispielcode:

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