Как отобразить разные листовки на каждой вкладке?

Question

Я занимаюсь разработкой веб-приложения для Angular, в котором у меня есть несколько вкладок (вкладки создаются с использованием материала под углом).

При выборе каждой вкладки я хочу показать другую карту. Я использую угловые плагины leaflet и leaflet-rastercoords для отображения пользовательских карт.

Я могу отобразить одну карту на первой вкладке, однако при попытке отобразить карты на других вкладках я получаю различные ошибкихотя я пробую разные способы -

Стратегии, которые я пробовал, но они не работали -

1. Отдельный компонент для каждой карты
2. Отдельная инициализация карты в разных функциях

Пожалуйста, укажите мне подходящий способ или полезный плагин, который облегчит мою жизнь.

TIA

Answer 1

Когда вы говорите другую карту на другой вкладке, я понимаю, что на каждой вкладке свое место. Чтобы достичь этого, вам нужно указать разные каналы (входные данные) для каждой карты (широта / долгота). Вот пример:

https://stackblitz.com/edit/angular-buglpd