leaflet教程010: 鼠标点击事件click和dblclick,并解决两者冲突问题(示例代码)

本示例的目的是介绍演示如何在vue+leaflet中给marker添加鼠标事件,这里用到了click和dblclick。 在双击marker时,会执行两次单击函数和一次双击函数,这就是冲突,解决办法是添加一个定时器,在单击事件函数里通过定时器控制延迟执行。单击事件函数和双击事件函数里都先清除定时器。

点击查看本专栏内容目录列表 Leaflet示例教程100+目录

直接复制下面的 vue+leaflet源代码,操作2分钟即可运行实现效果

示例效果

配置方式

1)查看基础设置:https://xiaozhuanlan.com/topic/4190537826
或者同样查看:

猜你喜欢

转载自blog.csdn.net/cuclife/article/details/126838751
今日推荐