高德地图 JS API的交互与事件

高德地图 JS API的交互与事件

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

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

地图交互说明

2D / 3D 模式

PC端

交互操作作用
鼠标滚轮缩放地图
鼠标左键双击(右键双击)放大地图(缩小地图)
鼠标拖动移动地图
键盘上、下、左、右移动地图

移动端

交互操作作用
双指捏合缩放地图
单指滑动移动地图

3D模式

PC端

交互操作作用
鼠标右键 + 鼠标上下移动改变地图倾角
鼠标右键 + 鼠标画圈移动改变地图旋转角度
键盘Ctrl + 鼠标上下移动改变地图仰角
键盘Ctrl + 鼠标画圈移动改变地图旋转角度

移动端

交互操作作用
双指在地图上转动改变地图旋转角度
双指上下滑动改变地图倾角

地图事件

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

JavaScript
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;
});
1 2 投票数
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x