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

时间:2017-12-15 13:00:51

标签: javascript reactjs leaflet internet-explorer-11

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

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

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

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

它是具有反应16的反应应用

Map view in IE11

Map view in chrome

1 个答案:

答案 0 :(得分:0)

感谢您的帮助。

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

接下来,我们分析了上次更改的内容,发现由于安全问题我们更改了切片的网址。

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

所以这就是问题所在。

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