首页 / JAVASCRIPT / javascript-如何将click事件绑定到Leaflet canvas GridLayer

javascript-如何将click事件绑定到Leaflet canvas GridLayer

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何将click事件绑定到Leaflet canvas GridLayer，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1125字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试将click事件绑定到画布GridLayer的传单插件扩展(使用Leaflet 1.0和Leaflet.MaskCanvas).

From the Leaflet Documentation about GridLayer,我希望我可以使用以下任一方法将点击绑定到coverageLayer

// add event listener to determine when layer has been clicked
coverageLayer.on('click', function(e) {
  console.log('clicked the line');
});
// second (alias) method to add event listener
coverageLayer.addEventListener('click', function(e) {
  console.log('clicked the line');
});

但以上两种方法似乎均无效.

Here’s a fiddle我从MaskCanvas插件分叉并调整了示例代码.

还有其他方法可以将单击绑定到Leaflet中的画布层吗？

编辑：.on()和.addEventListener()是别名.

以前,该问题涉及Leaflet 0.7和TileLayer.从old Leaflet Documentation开始,似乎TileLayer没有这些事件. JSFiddle代码已更新为使用Leaflet 1.0.

解决方法:

在Leaflet 1.0中,GridLayers不处理鼠标/触摸/指针事件(请注意,它们的events documentation没有列出指针事件,而有些是other layer types do).

此外,包含图块(< div class ='leaflet-tile-container>)的DOM元素具有指针事件：none; CSS规则.这使浏览器可以忽略指针事件(从而获得更好的性能).

您需要将事件附加到单元格本身(在自定义createTile()上),并覆盖指针事件CSS规则.

内容总结

以上是互联网集市为您收集整理的javascript-如何将click事件绑定到Leaflet canvas GridLayer全部内容，希望文章能够帮你解决javascript-如何将click事件绑定到Leaflet canvas GridLayer所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/665112.html

来源：【匿名】