HERE Maps API for JavaScript 不適用於 IE11

Question

我試圖弄清楚為什么 HERE Maps API for JavaScript 在 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>

這也是一個 map 選項：

engineType: H.map.render.RenderEngine.EngineType.P2D

但沒有運氣（后來導致谷歌瀏覽器也不顯示地圖）。 我還嘗試降級 IE 安全設置，但它沒有改變任何東西。

有任何想法嗎...？

Answer 1

這是在我的 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>

HERE Maps API for JavaScript 不適用於 IE11

問題描述

1 個解決方案

解決方案1
0 2020-08-05 11:32:12

HERE Maps API for JavaScript 不適用於 IE11

問題描述

1 個解決方案

解決方案1 0 2020-08-05 11:32:12

解決方案1
0 2020-08-05 11:32:12