J'essaie d'intégrer mapbox dans mon application Web de base, mais je rencontre des problèmes lors de la tentative d'ajout. Jusqu'à présent, j'ai généré un service mapbox et un composant de carte.

J'ai essayé de prendre un exemple de mapbox et de placer ce code dans mon fichier map.component.html, mais lorsque je le fais, le div pour cette zone de l'écran est vide.

Cela pourrait être un problème de CSS/style que j'ai mélangé ou pourrait être un problème angulaire. Ouvert aux suggestions de dépannage. Merci d'avance pour l'aide!

0
304techmaven 19 févr. 2020 à 07:31

1 réponse

Meilleure réponse

Enfin résolu ce problème, j'espère que cela aidera tous ceux qui ont des problèmes similaires.

La réponse est centrée autour de la commande ci-dessous :

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

Coller cette commande dans la fonction ngOnInit m'a permis de lier la variable de carte publique dans mon fichier map.component.ts à appeler dans une fonction appelée "onLoad()" où j'ai ajouté des couches via la syntaxe de Mapbox et les méthodes addLayer/addSource.

Cette réponse de débordement de pile explique également bien la fonction onLoad() et l'intégration.

Si vous rencontrez des problèmes avec l'intégration de mapbox dans votre pile angulaire, contactez certainement ci-dessous. À votre santé!

0
304techmaven 20 mars 2020 à 20:48