Question

我们网站上的OpenLayers ImageWMS由于某些原因已经停止工作，我认为这是由于IE11的更改/兼容性。

我们正在从NOAA.gov撤出并显示天气层。我创建了一个基本的HTML示例来显示问题。该图像在Edge，Firefox和Chrome中显示没有任何问题，但不再适用于IE11。是否有一个修复程序，直到IE11被Microsoft完全弃用。我们的用户仍然在他们的一些笔记本电脑和PC上使用IE11。

以下是基于https://openlayers.org/en/latest/examples/wms-image.html的HTML代码。唯一不同的是ol.source.ImageWMS部分。如果将此代码段保存在文件中并在IE11中打开，则图像块无法显示。然而，它在Chrome，Edge和Firefox中表现得很好。

提前感谢您的帮助！

＆＃13;

var layers = [
        new ol.layer.Tile({
          source: new ol.source.OSM()
        }),
        new ol.layer.Image({
          extent: [-13884991, 2870341, -7455066, 6338219],
          source:   new ol.source.ImageWMS({
                    url: 'https://nowcoast.noaa.gov/arcgis/rest/services/nowcoast/radar_meteo_imagery_nexrad_time/MapServer/export/',
                    params: {dpi: 96,
                    transparent: false,
                    format: 'image/png8' ,
                    f: 'image'
            },
        ratio: 1,
        serverType: 'mapserver'
          })
        })
      ];

      var map = new ol.Map({
        layers: layers,
        target: 'map',
        view: new ol.View({
          center: [-10997148, 4569099],
          zoom: 4
        })
      });

＆＃13;

<!DOCTYPE html>
<html>
  <head>
    <title>Single Image WMS</title>
    <link rel="stylesheet" href="https://openlayers.org/en/v4.6.4/css/ol.css" type="text/css">
    <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
    <script src="https://openlayers.org/en/v4.6.4/build/ol.js"></script>
  </head>
  <body>
    <div id="map" class="map"></div>
  </body>
</html>

＆＃13;

OpenLayers Image WMS无法在IE11上运行

0 个答案: