示例中心
功能在线体验
控制台
您现在的位置: 开发 > 地图 JS API > 教程 > 地图 > 地图的交互与事件 >

高德 开发 地图 JS API 教程 地图 地图的交互与事件

更新时间:2018年09月11日

本章为您介绍地图的交互与事件相关内容,包括:

  1. 地图交互说明
  2. 地图事件

地图交互说明

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;
});

事件系统更多详情可参考教程


示例中心 功能
在线体验
常见问题