OpenLayers: не работает в Internet Explorer

У меня есть этот простой код:

<HTML>
<head>
<title>Vector Icon Example</title>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<link rel="stylesheet" href="../apidoc/styles/bootstrap.min.css">
<script src="../apidoc/scripts/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/ol.css" type="text/css">
<script src="../build/ol.js"></script>


</head>
<BODY>
<div id="map" style="width: 100%, height: 400px">ggg</div>
<script>
  new ol.Map({
    layers: [
      new ol.layer.Tile({source: new ol.source.OSM()})
    ],
    view: new ol.View({
      center: [0, 0],
      zoom: 2
    }),
    target: 'map'
  });
</script>
</BODY>
</HTML>

В хроме работает корректно, а в IE 11 ничего не появляется. в чем проблема?


internet-explorer-11 openstreetmap openlayers x-ua-compatible
person user3456607    schedule 21.09.2015    source источник
comment
Посмотрите, поможет ли это - stackoverflow.com/questions/29954301/   -  person headuck    schedule 21.09.2015
comment
этот метатег помог мне! ‹meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1› спасибо!   -  person user3456607    schedule 22.09.2015
comment
Возможно, вы могли бы опубликовать свой собственный ответ и принять его.   -  person headuck    schedule 22.09.2015

Ответы (3)


arrow_upward
1
arrow_downward

Это решило мою проблему:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
person user3456607    schedule 22.09.2015

arrow_upward
0
arrow_downward 

new OpenLayers.Layer.OSM()

у меня тоже не работает в IE11.

Я пробовал со схемой https, так как были изменения с перенаправлением с http на https для плиток openstreetmap:

new OpenLayers.Layer.OSM({
            name: "OpenStreetMap",
            url: ["https://a.tile.openstreetmap.org/${z}/${x}/${y}.png",
                "https://b.tile.openstreetmap.org/${z}/${x}/${y}.png",
                "https://c.tile.openstreetmap.org/${z}/${x}/${y}.png"],
            tileOptions: {crossOriginKeyword: null},
            crossOrigin: null
        });

Все еще не отображается из моего локального в IE11. Также предоставленный метатег не помогает...

Другой работает нормально (но мне нужен X.tile.openstreetmap.org для рендеринга):

 new OpenLayers.Layer.OSM("OpenCycleMap",
                   ["http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png",
                    "http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png",
            "http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png"]);
person Max Makarov    schedule 26.09.2019

arrow_upward
0
arrow_downward

Это сработало для меня:

new OpenLayers.Layer.OSM("OpenStreetMap", ["https://a.tile.openstreetmap.org/${z}/${x}/${y}.png", "https://b.tile.openstreetmap.org/${z}/${x}/${y}.png", "https://c.tile.openstreetmap.org/${z}/${x}/${y}.png"]);

person user12320524    schedule 04.11.2019