leafletのズームコントローラーの表示を動的に変える方法

Question

以下でマップ上のズームコントローラーの非表示ができますが、
動的に変える方法はどうしたらいいのでしょうか？

適当なクリックイベントに対応させて
leafletのzoomControlの表示非表示を行いたいのですが、
leafletで対応するAPIがわかりません。

  var map = L.map("osmmap", {
    zoomControl: false
  }).setView([33.575, 125.984], 5);

わかる方がいましたら教えていただきたいです。

Answer 1

「ズームコントローラー」もHTML要素なのでCSSで処理するか、
自前のズームコントロールを作って my_zoom.addTo( map ) my_zoom.remove() とか出来そうです。

【Leaflet 拡張基礎編 #6 ズームコントロールのカスタマイズ | いきなり日曜大工】
https://lendl.sakura.ne.jp/journals/control-zoom/

【Documentation - Leaflet - a JavaScript library for interactive maps】
https://leafletjs.com/reference-1.5.0.html#control-zoom

Comments

[yookoko]

回答ありがとうございます。