Routes 这里是标准项目,为什么得到空地图?

Routes 这里是标准项目,为什么得到空地图?,routes,navigation,maps,Routes,Navigation,Maps,我按照此处的说明尝试获取两个GPS位置的道路距离。 获取此HTML。第一步是获取一个位置的地图(在本例中为柏林) //初始化平台对象: var平台=新的H.service.platform({ “API密钥”:“API密钥” }); //从平台对象获取默认贴图类型 var maptypes=platform.createDefaultLayers(); //实例化(并显示)地图对象: 变量映射=新的H.映射( document.getElementById('mapContainer'), m

我按照此处的说明尝试获取两个GPS位置的道路距离。 获取此HTML。第一步是获取一个位置的地图(在本例中为柏林)


//初始化平台对象:
var平台=新的H.service.platform({
“API密钥”:“API密钥”
});
//从平台对象获取默认贴图类型
var maptypes=platform.createDefaultLayers();
//实例化(并显示)地图对象:
变量映射=新的H.映射(
document.getElementById('mapContainer'),
maptypes.vector.normal.map,
{
缩放:10,
中心:{lng:13.4,lat:52.51}
});
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
    <script src="https://js.api.here.com/v3/3.1/mapsjs-core.js"
    type="text/javascript" charset="utf-8"></script>
    <script src="https://js.api.here.com/v3/3.1/mapsjs-service.js"
    type="text/javascript" charset="utf-8"></script>
  </head>
  <body>
    <div style="width: 640px; height: 480px" id="mapContainer"></div>
    <script>
      // Initialize the platform object:
      var platform = new H.service.Platform({
        'apikey': 'API key'
      });

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

      // Instantiate (and display) a map object:
      var map = new H.Map(
              document.getElementById('mapContainer'),
              maptypes.vector.normal.map,
              {
                zoom: 10,
                center: {lng: 13.4, lat: 52.51}
              });
    </script>
  </body>
</html>