リーフレット マップがデータ切り替えタブ内にあるときにダウンロードできないのはなぜですか?

データ切り替えタブがリーフレット マップのダウンロードを妨げる

この質問は、データ切り替えタブ内のリーフレット マップのダウンロードに失敗したときに発生します。きちんと。マップは以前はタブの外に表示されたときに機能していました。

Cause

リーフレットは、コンテナのサイズを読み取るときにマップを初期化します。コンテナーが最初に非表示になっている場合、またはその寸法が変更されている場合、Leaflet はその変更を認識できないため、タイルが正しくダウンロードされません。この問題は、Bootstrap などのフレームワークでタブまたはモーダル パネルを使用する場合によく発生します。

Solution

次の場合に、map.invalidateSize() を呼び出してコンテナ サイズの更新をトリガーします。タブパネルが表示されます。これは、タブ ボタンのクリックのリスナーを通じて実行できます。

タブ ボタンのクリック リスナーの実装

タブ ボタンのクリック リスナーの実装については、スタックを参照してください。オーバーフローまたはフレームワーク固有のドキュメント。

以上がリーフレット マップがデータ切り替えタブ内にあるときにダウンロードできないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。