传单中的标记，单击事件

Question

var map = L.map('map');
var marker = L.marker([10.496093,-66.881935]).on('click', onClick);
function onClick(e) {alert(e.latlng);}
marker.addTo(map)

当我在标记中单击时，警报消息是：未定义

但是如果我把它放在变量映射中，它就起作用了！（显示经纬度）

map.on('click', onClick); 

有人知道为什么它在标记器里不起作用吗？

Answer 1

公认的答案是正确的。然而，我需要更多的清晰度，以防其他人也这样做：

传单允许事件对您在其地图上所做的任何事情都触发，在本例中是一个标记。

因此，您可以按照上面问题的建议创建一个标记：

L.marker([10.496093,-66.881935]).addTo(map).on('mouseover', onClick);

然后创建onClick函数：

function onClick(e) {
    alert(this.getLatLng());
}

现在，任何时候，您鼠标越过该标记，它将发射一个警报当前lat/long。

但是，您可以使用'click'、'dblclick'等来代替'mouseover'，并且可以使用onClick的主体来执行您想要的任何其他操作，而不是在lat/long发出警报：

L.marker([10.496093,-66.881935]).addTo(map).on('click', function(e) {
    console.log(e.latlng);
});

以下是文档:http://leafletjs.com/reference.html#events