javascript - リーフレットの CircleMarker ダブルクリックでマップのズームを無効にする

Question

CircleMarker オブジェクトをクリックしたときにマップのズームを無効にしようとしていますが、今のところ成功していません。

これは私のコードです：

var myCircle = new L.CircleMarker(new L.LatLng(50.924480, 10.758276), 10).addTo(map);
myCircle.on("click", function () {
    //my click stuff
});
myCircle.on("dblclick", function () {
    //my dblclick stuff
});

dblclick イベントが発生するたびにマップがズームされますが、無効にするにはどうすればよいですか?

Answer 1

試す

var myCircle = new L.CircleMarker(new L.LatLng(50.924480, 10.758276), 10).addTo(map);
map.doubleClickZoom.disable(); 

このドキュメントを参照してください

Answer 2

return falseイベントの伝播を停止する dblclick ハンドラからできます。

myCircle.on("dblclick", function () {
    //my dblclick stuff
    return false;
});

現在、他の要素 (マップなど) はそのイベントを処理しません

Answer 3

最初にマップのダブルクリック ズームを無効にしてから、マップ クリック イベントで再度有効にする必要があります。したがって、マーカーをダブルクリックしてからマップをダブルクリックすると、再びズームします;)試してみたところ、完全に機能しました! 楽しみ！

map.doubleClickZoom.disable();

map.on('click', function (e) { 
  map.doubleClickZoom.enable();
 });