Question

我从HERE API开始，但是在第一个示例中，我的代码无法正常工作。我已经审查并拒绝了它，但是当我更新浏览器时，没有任何显示。你能帮我吗？

<!DOCTYPE html>
<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>
  <div style="width: 640px; height: 480px" id="mapContainer">
    <script>
      // Initialize the platform object:
      var platform = new H.service.Platform({
        'app_id': '{xxx}',
        'app_code': '{xxx}'
        // I have a valid ID and a CODE.
      });

      // 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.normal.map, {
          zoom: 10,
          center: {
            lng: 13.4,
            lat: 52.51
          }
        });
    </script>
  </div>
</body>

</html>

Answer 1

请检入您的浏览器开发人员工具（“网络和控制台”选项卡），以获取任何类型的错误。这将帮助您更多地了解所面临的问题。如果您的问题类似于以下内容，请尝试以下解决方案：

安全错误：如果您的浏览器抱怨您包含的Javascript，请尝试使用如下所示的https版本

<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-core.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-service.js"></script>

如果您看到其他错误，请粘贴该错误以帮助我们更好地帮助您。

Answer 2

控制台上是否有任何错误？我将您的代码粘贴到了编辑器中，并且可以正常工作。您可能做错了的一件事可能是您将'{yourkey}'与{}放置在一起，而不是'yourkey'。您不需要{}。除此之外，我似乎看不出会有什么问题。

Answer 3

Der certo，请在此处解决API的问题。 Muito obrigado pelas respostas。

为什么我的完整HTML示例页面为什么不起作用？

3 个答案: