Daten-Toggle-Tab behindert den Download der Broschürenkarte

Diese Frage entsteht, wenn eine Leaflet-Karte innerhalb einer Daten-Toggle-Registerkarte nicht ordnungsgemäß heruntergeladen werden kann . Die Karte funktionierte zuvor, wenn sie außerhalb des Tabs angezeigt wurde.

Ursache

Leaflet initialisiert die Karte beim Lesen der Containergröße. Wenn der Container zunächst ausgeblendet ist oder seine Abmessungen geändert werden, erkennt Leaflet die Änderungen nicht, was zu fehlerhaften Kachel-Downloads führt. Dieses Problem tritt häufig auf, wenn Registerkarten oder modale Bedienfelder in Frameworks wie Bootstrap verwendet werden.

Lösung

Lösen Sie eine Aktualisierung der Containergröße aus, indem Sie „map.invalidateSize()“ aufrufen, wenn die Die Registerkartenleiste wird angezeigt. Dies kann über einen Listener beim Klicken auf die Tab-Schaltfläche erfolgen.

Tab-Schaltflächen-Klick-Listener-Implementierung

Informationen zur Implementierung des Tab-Schaltflächen-Klick-Listeners finden Sie unter Stack Overflow oder Framework-spezifische Dokumentation.