Всем привет
Такой вопрос:
Работаю с Angular. Подключил leaflet.js (обычный пакет. не специальный для Angular).
А мой div#map при "ngAfterViewInit" все ще имеет высоту 0 (хотя в глобальном цсснике прописано 100%). Ну и соответственно карта нормально не отрисовывается
Я нагуглил что у многих такая проблема и советуют использовать "map.invalidateSize()" или триггерить ресайз ивент или оборачивать в setTimeout (в safari все еще хуже).
После этого, когда тестил, обнаружил еще что если обновить страницу и резко сменить активный экран (до того кк карта успеет загрузиться) - leaflet тоже не отрисует карту целиком (я так понял он понимает что окно неактивное и типа оптимизирует производительность таким образом (не отрисовывая карту)). Когда делаю то окно опять активным - кк раз таки юзаю "map.invalidateSize()" на window focus event.
И вот вопрос: а кто-то еще решал такие проблемы? Что можете посоветовать чтобы всего этого избежать более логично/красиво?
Спасибо