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

标签 javascript internet-explorer leaflet microsoft-edge

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

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

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

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

Tiles not found, IE and Edge

最佳答案

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

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

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

关于javascript - 传单tilelayer显示图像未找到丢失瓷砖的图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47831047/

相关文章:

javascript - knockout arrayForEach 未定义的属性

javascript - 与 setInterval 结合使用时,img 的 onclick 属性出现问题

javascript - 表格列表后显示谁是第一名的持有者

php - jQuery & PHP 和 MYSQL IE 问题

javascript - 使用传单上的 d3 使 SVG 透明

javascript - CSS float 弹出窗口 : Tricky CSS Positioning

javascript - IE8/9 中的 CSS3 动画

javascript - IE 对 HTMLDocument 和 HTMLElement 有什么看法

javascript - 过滤 Leaflet 中的 geojson 层不起作用

ionic-framework - Leaflet - 如何将点击事件添加到 ionic 应用程序中弹出的标记内的按钮?