时间戳

首页 > 解决方案 > 在 Angular 8 Web 应用程序中集成 mapbox gl js 的问题

angular - 在 Angular 8 Web 应用程序中集成 mapbox gl js 的问题

问题描述

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

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

可能是我混合的 CSS/样式问题，也可能是角度问题。接受故障排除建议。在此先感谢您的帮助！

标签： angularmapbox

解决方案

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

答案以以下命令为中心：

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

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

这个堆栈溢出答案也很好地解释了 onLoad() 函数和集成。

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

推荐阅读