leaflet 图层叠加后点击事件穿透，交互错乱的原因及解决办法（4种）

作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，优快云知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。

查看本专栏目录

在 Leaflet 中，当图层叠加时，如果点击上层图层却触发了下层图层的点击事件，这通常是因为上层图层没有正确处理或阻止事件冒泡。以下是一些可能的原因和解决办法：

原因分析

1. 透明区域点击穿透：如果你的上层图层有透明部分（例如图标、标记等），点击这些透明区域时，Leaflet 默认会将点击事件传递给下一层。

2. 事件监听器设置不当：若上层图层未设置自己的点击事件监听器，或者监听器未能正确处理事件，可能会导致点击事件“穿透”到下层图层。

<