Проблема с интеграцией mapbox gl js в angular 8 веб-приложения

Question

Я пытаюсь интегрировать mapbox в мое базовое веб-приложение c, но у меня возникают проблемы при добавлении. До сих пор я сгенерировал сервис mapbox и компонент карты.

Я попытался взять пример из mapbox и поместить этот код в мой файл map.component. html, но когда я делаю это div для этой области экран становится пустым.

Может быть проблема с CSS / стилем, которую я смешал, или проблема angular. Открыты для предложений по устранению неполадок. Заранее спасибо за помощь!

Answer 1

Наконец-то решена эта проблема, надеюсь, она поможет всем, у кого есть подобные проблемы.

Ответ сосредоточен вокруг следующей команды:

this.map.on("load", this.onLoad.bind(this));

Вставка этой команды в функции ngOnInit позволил мне связать переменную карты publi c в моем файле map.component.ts для вызова в функции с именем "onLoad ()", где я добавил слои с помощью синтаксиса Mapbox и методов addLayer / addSource.

Этот ответ о переполнении стека также хорошо объясняет функцию onLoad () и интеграцию.

Если у вас есть проблемы с интеграцией mapbox в ваш angular, определенно обратитесь к ниже. Ура!