Question

由于我不想将我的信用卡信息提供给google API，因此我试图与HERE Api一起为大学进行网络项目。

可惜的是，我的地图仅显示了约15％，并且在其他任何地方都无法滚动。这是我的代码：

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>


<div id="mapContainer" style="width:100%;height:600px">
</div>

<script>

    var platform = new H.service.Platform({
  'app_id': '{HERE IS MY APP ID}',
  'app_code': '{HERE IS MY APP CODE}'
});

    var maptypes = platform.createDefaultLayers();


    var map = new H.Map(
    document.getElementById('mapContainer'),
    maptypes.normal.map,
    {
      zoom: 10,
      center: { lng: 7.1690625, lat: 49.4677707 }
    });
    </script>

Answer 1

您可能想查看博客帖子How to Migrate from Google Maps to HERE Dynamic Maps中的示例。如果您需要一个“滚动地图”来进行滚动和缩放，则需要包括一些其他脚本库和CSS：

mapsjs-ui.js
mapsjs-mapevents.js
mapsjs-ui.css

然后，您需要初始化H.mapevents.Behavior和H.ui.UI。在博客中查看有关基本交互式地图的完整源代码列表。

这里的Api地图仅显示实际地图的一小部分，并且不是交互式的

1 个答案: