HereMaps Vue:尝试添加行为,但H.mapevents未定义

时间:2019-01-04 20:37:25

标签: vue.js here-api

我正在尝试仅具有缩放行为的基本地图。 地图本身可以运行,但是我无法添加行为:

在我安装的地图上,我正在这样做:

let map = new H.Map(
        this.$refs.map,
        this.platform.createDefaultLayers().normal.map,
        {
          zoom: 10,
          center: {
            lng: pos.coords.longitude,
            lat: pos.coords.latitude
          }
        }
      );

      var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));

      this.map = map;

var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));

我收到未捕获的TypeError:无法读取未定义的属性“行为” 当我对其进行调试时,H对象中没有mapevents对象。 我想念什么吗?

2 个答案:

答案 0 :(得分:0)

您是否包含/导入了'here-js-api/scripts/mapsjs-mapevents'
或者您如何包含/导入here-js

答案 1 :(得分:0)

您需要导入mapevents.js

<script src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js"
 type="text/javascript" charset="utf-8"></script>

完整的导入部分应如下所示:

 <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 src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js"
     type="text/javascript" charset="utf-8"></script>
  ...
  </head>

所有详细信息都可以在这里找到

https://developer.here.com/documentation/maps/topics/events.html