Question

在Leaflet中，是否可以使用{clickable：false}定义标记或折线，以便将点击传递给下面的任何内容 - 无论是地图还是可点击的几何对象？

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

Answer 1

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

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

更新fiddle

另外，如果您能够提前知道自己的线条，那么在添加线条时也能正确排序。

Answer 2

我知道这不太理想，但它很适合我的情况，所以它也可能对你有好处。

这会隐藏图标，并在使用mouseenter和mouseleave事件后一秒钟将其恢复：

$('.leaflet-marker-icon').mouseenter(function() {
  $(this).hide();
});

$('.leaflet-marker-icon').mouseleave(function() {
  $(this).delay(1000).show(0);
});

Leaflet中的点击标记和折线

2 个答案: