How to get geo coordinates on clicked location of map using Angular-Leaflet-directive?

Question

How to get geo coordinates on clicked location using leaflet? I try something like ..

  $scope.$on('leafletDirectiveMap.geojsonClick', function (e) {
             alert("Lat, Lon : " + e.latlng.lat + ", " + e.latlng.lng)
    });

but it didn't work.

lyjackal · Accepted Answer · 2015-04-10T00:48:47.527

2

angular-leaflet wraps up the regular leaflet event in the second argument. Alos, you just want 'click' like normal leaflet but with the 'leafletDirectiveMap' prefix.

jsfiddle

 $scope.$on('leafletDirectiveMap.click', function (e, wrap) {
         alert("Lat, Lon : " + wrap.leafletEvent.latlng.lat + ", " + wrap.leafletEvent.latlng.lng)
});

edited Apr 10 '15 at 00:48

answered Apr 09 '15 at 03:05

lyjackal

3,984
1
12
25

I tried but still not working. It returns error in console. TypeError: Cannot read property 'lat' of undefined – cnjap Apr 09 '15 at 19:20
Ah! figured it out. After inserting a `console.log(arguments)` in the event, it looks like the leaflet event with the geo info is in the second argument. – lyjackal Apr 10 '15 at 00:50

score 0 · Answer 2 · answered May 26 '15 at 04:47

.controller('MapController', function (leafletData) {
                  leafletData.getMap().then(function(map) {
                       map.on('click', function(e) {
                         console.log("Latitude : " + e.latlng.lat + " Longitude :  "+ e.latlng.lng);
                    });
              });

How to get geo coordinates on clicked location of map using Angular-Leaflet-directive?

2 Answers2