从 Leaflet.js 获取地图坐标？

Question

我正在尝试使用 Leaflet 来获取用户右键单击的某处的地图坐标。我一直在浏览 Leaflet API，到目前为止，我发现我需要监听 contextmenu 事件并使用 mouseEventToLatLng method 来获取单击时的坐标。但是，当我浏览并调试我的代码时，我在任何地方都看不到可访问的 latLng 变量。我是否错过了对 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

你想要得到的是mousemove 事件。这基本上就是你的做法，

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

右键单击事件的坐标应直接作为"contextmenu" 监听器的event 参数的latlng property 提供。

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

演示：http://plnkr.co/edit/9vm81YsQxnkAFs35N8Jo?p=preview