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

Question

我有一个 Vue.js Web 应用程序（使用 Vue CLI）加载 Mapbox GL JS 地图，其中包含一系列不同类型的 GeoJSON 层（点、线、填充和填充挤压）。然而，地图做了一些非常奇怪的事情，这是我以前在 Mapbox 地图中从未见过的——而且很难解释——see screenshot(and another)。

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

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

有没有人见过类似的行为？关于如何处理它的任何想法？！

非常感谢， 乔

Answer 1

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