leaflet.js IE11:Tile imgs不可见,但它们仍在DOM中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了leaflet.js IE11:Tile imgs不可见,但它们仍在DOM中相关的知识,希望对你有一定的参考价值。

我正在使用传单来为我们的软件渲染施工计划。计划是jpg瓷砖。

它在IE11,firefox,chrome,safari等浏览器中运行了大约9个月。但是从昨天起我无法在IE11中看到瓷砖,但是它会加载瓷砖,瓷砖也在DOM中。我认为这可能是一个CSS问题,但我无法解决它。

有人知道这可能是哪些问题吗?

  • 宣传单版:1.2.0
  • leaflet.markercluster:1.2.0

它是反应16的反应应用

答案

谢谢您的帮助。

我检查了网络连接并在新选项卡中粘贴了瓷砖链接,一切正常。然后我发现有一个visibility: hidden css属性有效。我把它设置为可见但是后面只有一个小图标,其中没有加载图像。

接下来,我们分析了上次更改的内容,发现由于安全问题我们更改了磁贴的URL。

然后我们比较旧图像响应和新图像响应,发现响应中没有设置内容类型。

所以这就是问题所在。

IE11中的传单需要在图像的响应中使用正确的内容类型(在我们的示例中它是image/jpeg

以上是关于leaflet.js IE11:Tile imgs不可见,但它们仍在DOM中的主要内容,如果未能解决你的问题,请参考以下文章

映射一个二维数组数组以生成leaflet.js标记

如何在 IE 11 中的 Image.load 上获取 SVG 的宽度和高度

IE 和 Chrome/Mozilla 中的 Img 大小不同

如何将 Angular JS 与 Leaflet.js 一起使用

Leaflet.js 地图不占用全宽 [React.js]

Sencha Touch 和 Leaflet.js API