时间戳

首页 > 解决方案 > 如何检查 Here Maps API 是否已加载？

javascript - 如何检查 Here Maps API 是否已加载？

问题描述

如何检查Here Maps API表单中是否已加载？

如果 MAP API 已经在表单中执行，我不想执行映射脚本。一旦地图出现，我不希望它再次调用地图 API 并创建一个新地图，而不是替换该地图。

标签： javascript

解决方案

你可以做这样的事情..

// Initialize the platform object:
    
    var map;
    function CreateMap(){
    alert(map);
    var platform = new H.service.Platform({
    'app_id': '{YOUR_APP_ID} ',
    'app_code': '{YOUR_APP_CODE} '
    });

    // Obtain the default map types from the platform object
    var maptypes = platform.createDefaultLayers();

    // Instantiate (and display) a map object:
    if(map == undefined){
    map = new H.Map(
    document.getElementById('mapContainer'),
    maptypes.normal.map,
    {
      zoom: 10,
      center: { lng: 13.4, lat: 52.51 }
    });
    }
    else{
    return;
    }
   }
<html>
  <head>
  <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  <script src="http://js.api.here.com/v3/3.0/mapsjs-core.js"
  type="text/javascript" charset="utf-8"></script>
  <script src="http://js.api.here.com/v3/3.0/mapsjs-service.js"
  type="text/javascript" charset="utf-8"></script>
  </head>
  <body>
  <input type="button" onclick="CreateMap();" value="CreateMap"/>
  <div style="width: 640px; height: 480px" id="mapContainer"></div>
  </body>
</html>

推荐阅读