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

地图的交互与事件 最后更新时间: 2021年01月22日

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

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

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


返回顶部 示例中心 常见问题 智能客服 公众号
二维码