Appearance
地图交互与事件
本文介绍地图的交互与事件:
1.地图交互: 滴图 JS API 提供了丰富的地图交互功能,包括缩放、平移、旋转等操作,用户可以通过手势或鼠标进行地图操作,以实现更好的地图浏览体验。
2.地图事件: 简单介绍地图事件绑定方法和回调内容。
地图交互说明
交互属性可在初始化地图 DiMap.Map() 时添加并配置对应属性的开启和关闭,如果不添加对应属性,则对应属性默认为开启状态。
- PC 端 & 移动端
| 交互操作 | 作用 | 相关属性 | 可选值 |
|---|---|---|---|
| 鼠标滚轮 | 缩放地图 | scrollZoom | true | false |
| 鼠标双击 | 放大缩小地图 | doubleClickZoom | true | false |
| 鼠标拖动旋转 | 旋转地图 | dragRotate | true | false |
| 鼠标拖动 | 拖动地图 | dragPan | true | false |
| 键盘上下左右 | 移动地图 | keyboard | true | 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;
});