Mapbox GL 加载丢失的光栅图块错误图像答案

【问题标题】：Mapbox GL Loading Missing Raster Tiles Error ImageMapbox GL 加载丢失的光栅图块错误图像
【发布时间】：2016-08-26 09:44:54
【问题描述】：

我正在从事一个从 Leaflet 转换而来的 GL 项目。在 Leaflet 下，当我们设置平铺边界（视图的最大边界限制）时，当您超出最大边界时，可以渲染默认或错误平铺图像。因此，在可能的情况下，我会渲染一个图块，其中显示一条消息，说明所选数据仅适用于澳大利亚（或任何国家/地区）。

在传单中，这被称为： errorTileUrl String '' 用于代替加载失败的图块显示的图块图像的 URL。

这意味着我不必将空白/味精图像图块加载到图块服务器中。这在 MapBox GL 系统中是否可行。

这是我使用的样式：

            style: {
            "version": 8,
            "sources": {
                "Tiles": {
                    "type": "raster",
                    "tiles": ["https://myprivate server/{z}/{x}/{y}.png"],
                    "tileSize": 256
                }
            },
            "layers": [{
                "id": "Tiles",
                "type": "raster",
                "source": "Tiles",
                "minzoom": 0,
                "maxzoom": 13
            }],
            "sprite": "mapbox://sprites/mapbox/outdoors-v9",
            "glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pbf"
        },

当请求的磁贴出现 http 下载错误时，我仍然希望能够查看世界，只需发送一个空白/默认磁贴即可。目前它呈现一个白色方块，并为下载失败提供控制台错误。

【问题讨论】：

标签： mapbox mapbox-gl mapbox-gl-js

【解决方案1】：

这在 GL JS 中尚无法实现。我们正在跟踪 TileJSON 的 maxBounds https://github.com/mapbox/mapbox-gl-js/issues/1775 的实现

根据您的用例，您可以通过添加响应tile.error 事件的功能或通过在栅格图层下方添加一个图层来显示您所需的加载/错误纹理，从而在下游实现此功能。

【讨论】：