javascript - 传单tilelayer显示图像未找到丢失瓷砖的图标

Question

我正在使用 Leaflet 1.0 作为我的交互式 map 。我为荷兰创建了自己的图 block ，并添加了它们:

L.tileLayer('/gem/{z}/{x}/{y}.png', {zIndex: 10})

Chrome 和 Firefox 中一切正常。 注意:该图层包含行政边界，白色边框，因此它们在图像中几乎不可见。

IE 和 Microsoft Edge 正在为所有丢失的图 block 显示这些“未找到图像”图标。

Answer 1

确保边界和缩放级别与 WMS Tilelayer 的实际边界/缩放级别相匹配。在这种情况下，IE/Edge 或任何其他浏览器都将向服务器请求这些丢失的图像。

您可以将 maxZoom、minZoom 和bounds 选项传递给 L.TileLayer 对象。还有这个选项:errorTileUrl，它是一个指向图 block 图像的 URL，用于显示在加载失败的图 block 位置。

欲了解更多信息，请检查: Leaflet Tilelayer WMS docs