Skip to content

地图交互与事件

本文介绍地图的交互与事件:

1.地图交互: 滴图 JS API 提供了丰富的地图交互功能,包括缩放、平移、旋转等操作,用户可以通过手势或鼠标进行地图操作,以实现更好的地图浏览体验。

2.地图事件: 简单介绍地图事件绑定方法和回调内容。

地图交互说明

交互属性可在初始化地图 DiMap.Map() 时添加并配置对应属性的开启和关闭,如果不添加对应属性,则对应属性默认为开启状态。

  • PC 端 & 移动端
交互操作作用相关属性可选值
鼠标滚轮缩放地图scrollZoomtrue | false
鼠标双击放大缩小地图doubleClickZoomtrue | false
Ctrl键 + 鼠标拖动旋转旋转地图dragRotatetrue | false
鼠标拖动拖动地图dragPantrue | false
键盘上下左右移动地图keyboardtrue | false

地图事件

地图事件是对 Map 底图操作后触发的事件,事件回调中返回 MapsEvent 对象。该对象包含触发的对象目标、触发所在经纬度等信息。

js
map.on("click", function (ev) {
  //触发事件的对象
  var target = ev.target;
  //触发事件的地理坐标
  var lnglat = ev.lngLat;
  //触发事件的像素坐标
  var point = ev.point;
  //触发事件类型
  var type = ev.type;
});