在 angular 8 网络应用程序中集成 mapbox gl js 的问题

Question

我正在尝试将 mapbox 集成到我的基本网络应用程序中，但在尝试添加时遇到问题。至此我已经生成了一个mapbox服务和地图组件。

我尝试从 mapbox 中获取示例并将该代码放入我的 map.component.html 文件中，但是当我这样做时，屏幕该区域的 div 变为空白。

可能是我混合的 css/styling 问题，也可能是 angular 问题。接受故障排除建议。在此先感谢您的帮助！

Answer 1

终于解决了这个问题，希望对遇到类似问题的人有所帮助。

答案以以下命令为中心：

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

在 ngOnInit 函数中粘贴此命令允许我在我的 map.component.ts 文件中绑定 public 地图变量，以便在名为 "onLoad()" 的函数中调用，我通过 Mapbox 添加图层语法和 addLayer/addSource 方法。

这个也很好地解释了onLoad()函数和集成。

如果您在将 mapbox 集成到 angular 堆栈时遇到问题，请务必联系下方。干杯！