Menggunakan Leaflet Js, apakah mungkin untuk mengetahui lokasi onclick dari Marker (abaikan anchor point)?

Saya memiliki objek marker yang memiliki tinggi dan lebar spesifik, dan meskipun menunjuk satu koordinat, representasi visual marker mencakup banyak piksel. Ketika saya mengklik representasi visual dari marker, saya ingin mendapatkan koordinat peta yang mendasarinya, tetapi saya hanya memiliki akses ke koordinat lat / lng tunggal yang terkait dengan marker tersebut.

Di satu sisi: setiap kali Leaflet menangani acara mouse (atau sentuhan), Anda dapat mengakses acara DOM asli di originalEventproperti acara.

Di sisi lain: Diberikan acara DOM mouse (atau sentuh), Leaflet secara ajaib dapat menerjemahkan clientXdan clientYpropertinya menjadi turunan L.LatLngdengan menggunakan map.mouseEventToLatLng().

Gabungkan kedua hal ini bersama-sama, dan Anda dapat memiliki sesuatu seperti:

marker.on('click', function(ev){
  var latlng = map.mouseEventToLatLng(ev.originalEvent);
  console.log(latlng.lat + ', ' + latlng.lng);
});

Periksa dokumentasi Leaflet untuk metode konversi lain, karena metode ini terbukti bermanfaat.

Anda selalu dapat mengambil koordinat dari peta objek Leaflet. Anda dapat menggunakan sesuatu seperti ini:

map.on('click', function(e){
  var coord = e.latlng;
  var lat = coord.lat;
  var lng = coord.lng;
  console.log("You clicked the map at latitude: " + lat + " and longitude: " + lng);
  });

Di sini Anda memiliki contoh yang berfungsi.