Вкладка переключения данных препятствует загрузке карты листовки

Этот вопрос возникает, когда карта листовки на вкладке переключения данных не загружается должным образом . Раньше карта работала, когда отображалась вне вкладки.

Причина

Leaflet инициализирует карту после считывания размера контейнера. Когда контейнер изначально скрыт или его размеры изменяются, Leaflet не узнает об изменениях, что приводит к некорректной загрузке тайлов. Эта проблема часто встречается при использовании вкладок или модальных панелей в таких платформах, как Bootstrap.

Решение

Запустите обновление размера контейнера, вызвав map.invalidateSize(), когда отображается панель вкладок. Это можно сделать с помощью прослушивателя нажатия кнопки вкладки.

Реализация прослушивателя щелчка кнопки табуляции

Информацию о реализации прослушивателя щелчков кнопки вкладки см. в разделе «Переполнение стека». или документацию по конкретной платформе.