問題タブ [fitbounds]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - リーフレットのフィット境界で動的パディングを使用する方法はありますか?
リーフレット マーカーを配列から動的にレンダリングし、それらが含まれる一般的な領域に境界を合わせようとしています。マーカーの距離に応じてズームを調整する方法はありますか?
現在、ズームが近すぎます。
以下は私のfitboundsコードです。
javascript - トラックのフィット境界が無効なリーフレット機能グループ
もっと良い方法はありますか？
マップにいくつかのトラックを追加し (リーフレット gpx プラグインを使用)、追加されたすべてのトラックの境界にマップを合わせたいと考えています。
featureGroup レイヤーを使用してトラックを含めることにより、機能グループを使用して fitBounds() メソッドを使用できます。ただし、featureGroup には fitBounds() をトリガーするロード済みイベントがなく、マップにも適切なトリガーがないようです。
マップがレンダリングされた後、マップ上で fitBounds() を直接呼び出すと、「無効な境界」エラーで失敗します。ただし、呼び出しを約 1 秒遅らせると、正しく実行できます。
グループ内のすべての gpx レイヤーが読み込まれるまでに時間がかかり、それが完了するまで、グループは有効な境界のセットを返すことができないということが起こっていると思います。
そのため、setTimeout を使用して fitBounds() の動作を遅らせることはできますが、マップ自体が再レンダリングされるときに厄介な点滅が発生します。より良い方法はありますか？
これは機能します：