リーフレットのクリックスルーマーカーとポリライン

Question

リーフレットでは、{clickable：false}でマーカーまたはポリラインを定義することができます。その結果、クリックが地図またはクリック可能なジオメトリオブジェクト？

現時点では、この問題は、マーカー/ポリラインをクリック可能にして、自分自身でイベントを渡すことで解決します。しかし、マウスカーソルが常に手のシンボルとして表示されます。理想的には、マーカ/ポリラインの下にあるものがクリック可能かどうかによって、マウスカーソルは通常のポインタまたは手のように見えるはずです。

Answer 1

これはあなたが探している答えではないかもしれませんが、featureGroupsを使用して、クリック可能なポリラインをすべて手前にして、アクションが表示されるようにすることができます。あなたは、手の前にあなたはそれが同様に動作する行を追加するときの正しい順序をあなたのラインを知るために余裕がある場合にもfiddle

を更新

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

。

Answer 2

これは理想的ではありませんが、自分の状況に適していることが分かります。あなたにとっても良いかもしれません。

これはアイコンを隠し、mouseenterとmouseleaveイベントを使用して、第2の後に戻ってそれをもたらします：

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

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