leaflet - Leaflet 中的点击标记和折线

标签 leaflet

在 Leaflet 中,是否可以使用 {clickable:false} 定义标记或折线,以便点击传递到下方的任何内容 - 无论是 map 还是可点击的几何对象?

目前我通过使标记/折线可点击并自己传递事件来解决这个问题。但这会导致鼠标光标始终显示为手形符号。理想情况下,鼠标光标应该看起来像普通指针或手,具体取决于标记/折线下方的内容是否可点击。

最佳答案

这可能不是您正在寻找的答案,但您可以使用 featureGroups 将所有可点击的多段线放在前面,以便显示操作。

var lg_noclick = new L.FeatureGroup().addTo(map);
var lg_click = new L.FeatureGroup().addTo(map);
// Add lines
lg_click.bringToFront();

更新 fiddle

此外,如果您有能力事先了解您的线条,那么在添加线条时的正确顺序也将起作用。

关于leaflet - Leaflet 中的点击标记和折线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14276527/

相关文章:

javascript - 防止重复 map 并在世界范围内继续拖动

传单折线在平底锅上消失

javascript - 以编程方式折叠 Leaflet JS 层控件

leaflet - 自动缩放 map 以适合所有标记

javascript - 使用传单 API 更新标记位置

javascript - dc 传单 - 动态标记

javascript - 如何查看标记是否位于圆圈标记内?

AngularJS 从 GeoJSON 响应获取坐标

python - GeoJson 图层在 Python Folium map 上不可见

javascript - 将卫星轨道添加到 WebGLEarth map (例如使用 Leafletjs 或 Cesiumjs)