使用mapbox-gl-js打开地图图块会在较高的缩放比例时出现错误

Question

使用带有mapbox gl js的Open Map Tiles，当缩放高于zoom 14时，我在浏览器控制台中出错：

mapbox-gl.js?d5ed:510 Error: Error
    at Actor.receive (mapbox-gl.js?d5ed:490)
Evented.fire @ mapbox-gl.js?d5ed:510
Evented.fire @ mapbox-gl.js?d5ed:510
Evented.fire @ mapbox-gl.js?d5ed:510
t._tileLoaded @ mapbox-gl.js?d5ed:222
i @ mapbox-gl.js?d5ed:230
Actor.receive @ mapbox-gl.js?d5ed:490

This fiddle显示了此行为。请填写您自己的OMT键然后它可以工作。错误为 [object Error] { ... }，它显示在缩放14上方和缩放11上方的某些区域中缩放。

我很确定它与没有可用的瓷砖有关，但是我认为这应该是简单扩展缩放14的功能而不是给出错误。是什么原因导致我如何摆脱这些错误？

Answer 1

当您使用mapbox-gl创建基于图块的源（栅格或矢量）时，您可以定义minzoom＆amp; maxzoom级别。如果设置正确，mapbox将不会请求高于/低于这些级别的磁贴，但仍会显示具有最大/最低缩放级别的磁贴：

map.addSource({
  tiles: [/* tile urls */],
  maxzoom: 11,
  // etc...
});