时间戳

首页 > 解决方案 > 我正在尝试使用基础实例化地图，但它会引发错误？

javascript - 我正在尝试使用基础实例化地图，但它会引发错误？

问题描述

我按照此处地图中的指示并尝试实例化地图。它引发以下错误。

“InvalidArgumentError：H.Map（参数 #0 为空）”

我的代码如下：-

<!DOCTYPE html>
<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>
      <script type="text/javascript">
var platform = new H.service.Platform({
      'apikey': 'Entered the right api key'
    });
var defaultLayers = platform.createDefaultLayers();

//Instantiate (and display) a map object:
var map = new H.Map(
 document.getElementById('mapContainer'),
 defaultLayers.vector.normal.map,
 {
   zoom: 10,
   center: { lat: 52.5, lng: 13.4 }
 });

    </script>

<title>Insert title here</title>
</head>
<body>
<div id='mapContainer'></div>

</body>
</html>

标签： javascripthtmlhere-api

解决方案

<div style="width: 640px; height: 480px" id='mapContainer'></div>请在开始使用脚本标记之前更正您的代码定义。

<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 type="text/javascript">
var platform = new H.service.Platform({
      'apikey': '{}'
    });
var defaultLayers = platform.createDefaultLayers();

//Instantiate (and display) a map object:
var map = new H.Map(
 document.getElementById('mapContainer'),
 defaultLayers.vector.normal.map,
 {
   zoom: 10,
   center: { lat: 52.5, lng: 13.4 }
 });

    </script>

   </body>  
 </html>

推荐阅读