leaflet - Leafet.js: zoombox 関数へのリンクを含むボタンを追加

Question

「長方形」ズームまたはリーフレットの boxZoom 関数と呼ばれるものを備えたコントロール ボタンを追加する必要があります。Shift キーを押して四角形を描画するときにこの関数を使用できることはわかっていますが、クリックされるボタンが必要であり、ユーザーは boxZoom 関数の境界として使用される四角形を描画できます。これは難しいことではないと思っていましたが、理解できませんでした。

leaflet.draw などの他の機能を自分のボタンにリンクする方法を教えていただければボーナス ポイントです。独自のボタン ツールバーを作成する必要があるため、さまざまな機能をボタンにアタッチできる必要があり、既存の機能を使用したいと考えています。

Answer 1

これには万能のソリューションはありません (したがって、L.Control.BoxZoom が独自のプラグインである理由)。クリック ハンドラーを使用してボタンを追加し、Leaflet または統合するプラグイン (描画など) の API を読んで、動作を切り替える方法を見つける必要があります。

Leaflet.EasyButtonプラグインは、単一のボタン コントロールとクリック ハンドラーの作成を簡単な方法でカプセル化する優れた機能を備えているため、開始するのに苦労している場合に適した出発点になる可能性があります。