Warum kann ich meine Prospektkarte nicht herunterladen, wenn sie sich in einer Daten-Umschaltregisterkarte befindet?

Daten-Toggle-Tab behindert das Herunterladen der Broschürenkarte

Diese Frage entsteht, wenn eine Leaflet-Karte innerhalb einer Daten-Toggle-Registerkarte nicht heruntergeladen werden kann richtig. Die Karte funktionierte zuvor, wenn sie außerhalb der Registerkarte 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 Tabulatoren oder modale Panels in Frameworks wie Bootstrap verwendet werden.

Solution

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

Implementierung des Tab-Schaltflächen-Klick-Listeners

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

Das obige ist der detaillierte Inhalt vonWarum kann ich meine Prospektkarte nicht herunterladen, wenn sie sich in einer Daten-Umschaltregisterkarte befindet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!