时间戳

首页 > 解决方案 > 为什么我的完整 HTML 示例页面为什么不起作用？

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

问题描述

我从 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>

标签： javascripthtmlhere-api

解决方案

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

安全错误：如果您的浏览器抱怨您包含的 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>

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

推荐阅读