Я пытаюсь создать несколько карт, используя *ngFor
, но внутри компонента div id должен быть готов, прежде чем я назначу его переменной контейнера mapbox. К сожалению, если setTimeout не используется, выдается ошибка, что идентификатор карты не определен.
Мои компоненты html выглядят так:
<div class="css-map-custom" id="map{{mv_mapId}}"></div>
И соответствующий машинописный текст -
this.map = new mapboxgl.Map({
container: `map${this.mv_mapId}`, .....
И из-за ошибки «div id не найден» я должен поместить функцию рендеринга карты в ngOnInit с помощью setTimeout :(
Любое руководство относительно того, как исправить это более элегантным образом?