且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-08-14 21:35:25

首先我们来看看百度地图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,如需转载请自行联系原作者