Die Kartenkoordinaten aus dem Flugblatt

Question

erhalten Ich versuche, mit Leaflet die Kartenkoordinaten zu erhalten, auf die ein Benutzer mit der rechten Maustaste geklickt hat. Ich habe die Leaflet-API durchsucht und bis jetzt habe ich herausgefunden, dass ich das contextmenu-Ereignis anhören und mouseEventToLatLngmethod verwenden muss, um die Koordinaten zu erhalten, wenn darauf geklickt wird. Wenn ich jedoch meinen Code durchsuche und debugge, sehe ich nirgendwo eine zugängliche latLng-Variable. Habe ich etwas in der API nicht verstanden?

function setMarkers() { 
     document.getElementById("transitmap").addEventListener("contextmenu", function(event) { 
      // Prevent the browser's context menu from appearing 
      event.preventDefault(); 

      var coords = L.mouseEventToLatLng(event); 
     }); 
    }; 

Answer 1

Was Sie erhalten möchten, ist mousemove Ereignis. Dies ist im Grunde, wie Sie es tun,

var lat, lng; 

map.addEventListener('mousemove', function(ev) { 
    lat = ev.latlng.lat; 
    lng = ev.latlng.lng; 
}); 

document.getElementById("transitmap").addEventListener("contextmenu", function (event) { 
    // Prevent the browser's context menu from appearing 
    event.preventDefault(); 

    // Add marker 
    // L.marker([lat, lng], ....).addTo(map); 
    alert(lat + ' - ' + lng); 

    return false; // To disable default popup. 
}); 

Answer 2

Die Koordinaten des rechten Click-Ereignis sollte als latlng property des event Argument des "contextmenu" Zuhörer direkt zur Verfügung stehen.

map.on("contextmenu", function (event) { 
    console.log("Coordinates: " + event.latlng.toString()); 
    L.marker(event.latlng).addTo(map); 
}); 

Demo: http://plnkr.co/edit/9vm81YsQxnkAFs35N8Jo?p=preview