我想弄清楚为什么JavaScript的HERE Maps API在Google Chrome上呈现，而不是在IE11上。我使用的示例位于：https://developer.here.com/documentation/maps/3.1.17.0/dev_guide/topics/get-started.html.
查看之前的线程，我尝试添加遗留api的
<script src="https://js.api.here.com/v3/3.1/mapsjs-core-legacy.js "
type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-service-legacy.js"
type="text/javascript" charset="utf-8"></script>
还有一个地图选项：
engineType: H.map.render.RenderEngine.EngineType.P2D
但运气不佳(后来导致谷歌Chrome也无法显示地图(。我也试着降低IE的安全设置，但它没有改变任何东西。
有什么想法吗。。。？
这是一个简单的页面，在我的IE11:中运行良好
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<script src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-core-legacy.js"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-service.js"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-service-legacy.js"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-ui.js"></script>
<link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css" />
<style>
html, body { margin: 0; padding: 0; height: 100%;}
#mapContainer {height:100%;}
</style>
</head>
<body>
<div id="mapContainer"></div>
<script>
var apikey = 'YOUR_API_KEY',
platform = new H.service.Platform({
apikey: apikey
}),
pixelRatio = window.devicePixelRatio || 1,
ppi,
defaultLayers,
mapElement = document.getElementById('mapContainer'),
tileSize,
map,
behavior,
ui;
if (pixelRatio > 1) {
ppi = 250;
}
defaultLayers = platform.createDefaultLayers({
ppi: ppi
});
map = new H.Map(mapElement, defaultLayers.raster.normal.map, {
zoom: 8,
center: {lat: 53, lng: 13},
renderBaseBackground: {lower: 2, higher: 2},
pixelRatio : pixelRatio,
engineType: H.map.render.RenderEngine.EngineType.P2D
});
window.addEventListener('resize', function() {
map.getViewPort().resize();
});
behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));
ui = H.ui.UI.createDefault(map, defaultLayers);
</script>
</body>
</html>