显示 Mapbox GL JS 地图图层的未知问题

Unknown issue displaying Mapbox GL JS map layers

我有一个 Vue.js 网络应用程序(使用 Vue CLI)加载 Mapbox GL JS 地图,其中包含一系列各种类型的 GeoJSON 层(点、线、填充和填充挤压)。然而,地图正在做一些非常奇怪的事情,这是我以前从未在 Mapbox 地图中看到过的 - 并且很难解释 - see screenshot (and another).

我觉得我一定是做了什么把事情搞砸了!我认为这是由我的附加层之一引起的,所以我尝试删除所有附加层,并且地图似乎加载正常,但是一旦我放大或缩小,它就会恢复到这个状态。同样,我的应用程序代码在加载时会自动适应图层的边界 - 它会短暂地闪烁 'normal' 地图样式,然后切换到此样式。

有趣的是,只有我的点图层似乎可以正确加载到地图上(但是当我使用 queryRenderedFeatures 时,它似乎可以正确识别其他图层)。

有人见过类似的行为吗?关于如何处理它有什么想法吗?!

非常感谢, 乔

这个问题我遇到过很多次了!这通常发生在 Vue 尝试向您的 mapbox 地图添加反应性时,因此请尽量避免将您的地图绑定到任何数据属性。