地图的交互与事件 最后更新时间: 2021年01月22日
本章为您介绍地图的交互与事件相关内容，包括：
- 地图交互说明
- 地图事件
地图交互说明
2D / 3D 模式
PC端
交互操作 | 作用 |
|---|---|
鼠标滚轮 | 缩放地图 |
鼠标左键双击（右键双击） | 放大地图（缩小地图） |
鼠标拖动 | 移动地图 |
键盘上、下、左、右 | 移动地图 |
移动端
交互操作 | 作用 |
|---|---|
双指捏合 | 缩放地图 |
单指滑动 | 移动地图 |
3D模式
PC端
交互操作 | 作用 |
|---|---|
鼠标右键 + 鼠标上下移动 | 改变地图倾角 |
鼠标右键 + 鼠标画圈移动 | 改变地图旋转角度 |
键盘Ctrl + 鼠标上下移动 | 改变地图仰角 |
键盘Ctrl + 鼠标画圈移动 | 改变地图旋转角度 |
移动端
交互操作 | 作用 |
|---|---|
双指在地图上转动 | 改变地图旋转角度 |
双指上下滑动 | 改变地图倾角 |
地图事件
地图事件是对 Map 底图操作后触发的事件，事件回调中返回 MapsEvent对象。该对象包含触发的对象目标、触发所在经纬度等信息。
map.on('click', function(ev) {
// 触发事件的对象
var target = ev.target;
// 触发事件的地理坐标，AMap.LngLat 类型
var lnglat = ev.lnglat;
// 触发事件的像素坐标，AMap.Pixel 类型
var pixel = ev.pixel;
// 触发事件类型
var type = ev.type;
});事件系统更多详情可参考教程
