Getting Lat, Long of clicked location using Leaflet API?

Question

I am using OSM with Leaflet API. Now I want to get the lat and long of a clicked location. I meant something similar to this. ex: http://openlayers.org/dev/examples/click.html

map.events.register("click", map, function(e) {
            var position = map.getLonLatFromPixel(e.xy);
                alert("Lat, Lon : "+position.lon.toFixed(3),position.lat.toFixed(3));

        });

This code in OpenLayers helps to get the lat ,long values... looking for something similar using Leaflet...

Marc Pfister · Answer 1 · 2014-11-14T23:43:59.407

70

You can easily get click events using the map's 'on' event subscription method:

map.on('click', function(e) {
    alert("Lat, Lon : " + e.latlng.lat + ", " + e.latlng.lng)
});

edited Nov 14 '14 at 23:43

answered Jan 31 '13 at 20:44

Marc Pfister

4,097
17
11

score -1 · Answer 2 · edited Dec 27 '20 at 13:39

-1

Try Reverse geocoding with esri-leaflet and openstreetmap tile.

var map = L.map('map').setView([0,0], 2);
  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
  }).addTo(map);
var geocodeService = L.esri.Geocoding.geocodeService();
map.on('click', function (e) {
    geocodeService.reverse().latlng(e.latlng).run(function (error, result) {
      if (error) {
        return;
      }
      alert(result.latlng)
    });
  });

Source Code: https://github.com/CTRLTAB-WORKS/reverse-geocoding

edited Dec 27 '20 at 13:39

Kadir Şahbaz

76,800
56
247
389

answered Dec 27 '20 at 13:20

CTRLTAB

1
2

A bit contradictory to provide a proprietary library (esri) with much more complicated solution than the native open source Leaflet functions provided by the other answer.... almost 8 years after. – Cyrille Feb 27 '23 at 07:20

Getting Lat, Long of clicked location using Leaflet API?

2 Answers2