Leaflet imageOverlay click事件

Question

我需要在图片叠加层上进行点击活动。 根据文档Leaflet documentation imageOverlay（据我所知，正确） 我可以使用交互选项来接收鼠标事件。

  

如果为true，则图像叠加将在单击或悬停时发出鼠标事件。

我认为它会起作用：

let newOverlay = L.imageOverlay(imageUrl, imageBounds, {opacity:0.5, interactive: true}); 

newOverlay.on('click', function(d) {alert('I have been clicked ' # this)});

我的最终目标是获取click事件的像素坐标，相对于发生click事件的图像。

有人可以发现我的错误还是有另一种方法？ 我试了好几个小时，但我没有成功:(

我感谢你的每一次帮助。

亲切的问候

尼古拉斯

Answer 1

只是一个小错误

将＃更改为 + ，这样您将收到警报消息：我已经单击了[object Object]

  

警报（“我已被点击'＃此”

到

  

警告（“我已被点击' + 此）

let newOverlay = L.imageOverlay(imageUrl, imageBounds, {opacity:0.5, interactive: true}); 

newOverlay.on('click', function(d) {alert('I have been clicked ' + this)});