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

Question

我有一个Vue.js Web应用程序（使用Vue CLI）加载了Mapbox GL JS地图，其中包含一系列各种（点，线，填充和填充-挤压）GeoJSON图层。但是，该地图的功能非常奇怪，这是我以前在Mapbox地图中从未见过的-很难解释-see screenshot (and another)。

我觉得我必须做点什么来搞砸了！我认为这是由我的附加图层之一引起的，因此我尝试删除所有附加图层，地图似乎可以正常加载，但是一旦放大或缩小，它就会恢复为原来的状态。同样，我的应用程序代码在加载时会自动适应图层的边界-它会以“常规”地图样式短暂闪烁，然后切换至该样式。

有趣的是，只有我的点图层似乎可以正确加载到地图上（但是当我使用queryRenderedFeatures时，似乎可以正确地识别出其他图层）。

有人看到过类似的行为吗？对如何处理有任何想法？！

非常感谢， 乔

Answer 1

我已经面临这个问题很多次了！当Vue尝试向地图框地图添加反应性时，通常会发生这种情况，因此请避免将地图绑定到任何数据属性。