Leaflet Canvas渲染器导致其他图层点击与悬停事件失效的问题求助
Leaflet Canvas渲染器导致其他图层点击与悬停事件失效的问题求助
我现在用Leaflet做了个简单的地图,上面加了好几条折线(Polyline),每条都绑定了弹窗。最开始用默认的SVG渲染器的时候一切正常:鼠标悬停在折线上会变成指针样式,点击还能弹出弹窗,体验挺好的。
但问题来了——这些折线太细了,精准点击实在费劲!之前查了些方案说可以给渲染器加tolerance参数来扩大点击判定范围,但这个选项好像只有Canvas渲染器支持。
换成Canvas渲染器后,点击范围确实变大了,不用精准点在细线上也能触发弹窗,但新的坑又出现了:只能点击最顶层的折线!我发现每条折线都对应一个占满整个地图的Canvas元素,完全挡住了下面图层的点击事件。之前用SVG渲染器的时候,就算折线被其他图层覆盖,还是能点到下面的,但Canvas渲染器根本不允许事件穿透,翻Leaflet文档也没找到相关的说明。
想请教各位大佬,有没有办法让Canvas渲染器也实现类似SVG渲染器的事件穿透效果啊?
内容来源于stack exchange
相关产品推荐
相关产品推荐

