La pestaña de alternancia de datos obstaculiza la descarga del mapa del folleto

Esta pregunta surge cuando un mapa de folleto dentro de una pestaña de alternancia de datos no se descarga correctamente . El mapa funcionaba anteriormente cuando se mostraba fuera de la pestaña.

Causa

El folleto inicializa el mapa al leer el tamaño del contenedor. Cuando el contenedor se oculta inicialmente o se modifican sus dimensiones, Leaflet no se da cuenta de los cambios, lo que provoca descargas de mosaicos incorrectas. Este problema es común cuando se usan pestañas o paneles modales en marcos como Bootstrap.

Solución

Active una actualización del tamaño del contenedor llamando a map.invalidateSize() cuando el Se muestra el panel de pestañas. Esto se puede hacer a través de un oyente al hacer clic en el botón de pestaña.

Implementación del oyente de clic en el botón de pestaña

Para la implementación del oyente de clic en el botón de pestaña, consulte Desbordamiento de pila o documentación específica del marco.