详解百度地图API之地图操作

简介:

首先我们来看看百度地图API都提供了哪些操作方式:

PC平台:

鼠标拖拽移动

鼠标双击缩放

鼠标滚轮缩放

键盘控制

移动平台:

单指拖拽移动

单指双击放大

双指移动缩放

默认情况下,地图支持鼠标拖拽以及双击缩放(双击鼠标左键放大一级,双击鼠标右键缩小一级)操作。如果需要开启鼠标滚轮支持需要调用这个接口:

 

 
  1. map.enableScrollWheelZoom(); // 启动鼠标滚轮操作 

键盘控制默认也是不开启,开启后按键+和-分别让地图放大或缩小一级,PgUp、PgDn、Home、End键则会让地图向下、上、右、左四个方向移动一段距离。↑、↓、←、→四个健可以使地图在四个方向上移动,另外这个也可以组合使用,比如同时按住↑和←,地图就会往右下方移动,目的是让你看到左上方区域的图像。开启键盘操作需要调用如下接口:

 
  1. map.enableKeyboard(); 

为了让用户获得更好的体验,建议开启连续缩放效果和惯性拖拽效果:

 
  1. map.enableContinuousZoom(); // 开启连续缩放效果  
  2. map.enableInertialDragging(); // 开启惯性拖拽效果 

这样,地图缩放就会有一个动画效果,拖拽结束后地图还会根据移动距离和速度产生一个惯性效果。

在移动端,所有的操作默认都是开启的,但是通过接口也可以进行配置。

 

【本文首发于: 百度互联网技术官方博客










本文转自百度技术51CTO博客,原文链接:http://blog.51cto.com/baidutech/744316,如需转载请自行联系原作者

相关文章
|
28天前
|
Java API Maven
HDFS的API操作
HDFS的API操作
25 0
|
1月前
|
缓存 API 定位技术
使用Python调用百度地图API实现地址查询
使用Python调用百度地图API实现地址查询
90 0
|
2月前
|
API
Poi 中文API文档 「40种操作 Excel文件的姿势」
Poi 中文API文档 「40种操作 Excel文件的姿势」
116 0
|
3月前
|
JSON API 数据格式
在钉钉开放平台中,创建或更新OA审批表单模板需要通过API接口进行操作
在钉钉开放平台中,创建或更新OA审批表单模板需要通过API接口进行操作【1月更文挑战第20天】【1月更文挑战第97篇】
46 1
|
4月前
|
Java API
java 操作es api
java 操作es api
42 0
|
1月前
|
自然语言处理 API 语音技术
Python加百度语音API实现文字转语音功能
Python加百度语音API实现文字转语音功能
52 0
|
3月前
|
JSON JavaScript 定位技术
Vue中使用echarts@4.x中国地图及AMap相关API的使用
Vue中使用echarts@4.x中国地图及AMap相关API的使用
145 0
Vue中使用echarts@4.x中国地图及AMap相关API的使用
|
3月前
|
测试技术 API 数据安全/隐私保护
『App自动化测试之Appium应用篇』| Appium常用API及操作
『App自动化测试之Appium应用篇』| Appium常用API及操作
72 1
|
3月前
|
消息中间件 API RocketMQ
RocketMQ-初体验RocketMQ(07)-使用API操作RocketMQ_顺序消息 ordermessage
RocketMQ-初体验RocketMQ(07)-使用API操作RocketMQ_顺序消息 ordermessage
30 0
|
3月前
|
消息中间件 存储 Java
RocketMQ-初体验RocketMQ(06)-使用API操作RocketMQ ,理解RocketMQ的存储结构
RocketMQ-初体验RocketMQ(06)-使用API操作RocketMQ ,理解RocketMQ的存储结构
175 0