Come ottenere le coordinate della mappa dall'opuscolo

Question

Sto provando a utilizzare Leaflet per ottenere le coordinate della mappa di un utente che ha fatto clic con il pulsante destro del mouse. Ho esaminato l'API di Leaflet e finora ho capito che ho bisogno di ascoltare l'evento contextmenu e utilizzare mouseEventToLatLngmethod per ottenere le coordinate quando si fa clic. Tuttavia, quando eseguo e eseguo il debug del mio codice, non vedo una variabile latLng accessibile da nessuna parte. Mi è mancato di capire qualcosa nell'API?

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

Che cosa si vuole ottenere è mousemove evento. Questo è fondamentalmente come lo si fa,

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

Le coordinate della manifestazione del tasto destro dovrebbero essere direttamente disponibile come latlng property della event argomento del "contextmenu" ascoltatore.

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