Я хочу использовать mapbox-gl внутри моего углового проекта. Когда я строю свою карту внутри app.component.html, она работает, но когда я хочу отобразить ее в другом компоненте, эта карта не отображается, и у меня нет ошибки на консоли.
Мой компонент.ts
buildMap(){
let map = new mapboxgl.Map({
container: 'map',
style: this.style,
zoom: 16,
center: [-122, 37]
});
}
Мой component.html
<div id="map-container">
<div id='map' style='width: 100%; height: 100%;'></div>
</div>
И когда я хочу импортировать его в другой компонент, эта карта не отображается. Я думаю, что это угловая составляющая жизненного цикла, но я действительно не знаю