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

开发 前端
本文专门介绍与地图操作相关的接口。希望大家能更多的了解百度地图API。

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

  PC平台:

  鼠标拖拽移动

  鼠标双击缩放

  鼠标滚轮缩放

  键盘控制

  移动平台:

  单指拖拽移动

  单指双击放大

  双指移动缩放

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

 

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

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

  1.   map.enableKeyboard(); 

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

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

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

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

原文链接:http://www.cnblogs.com/jz1108/archive/2011/09/28/2194444.html

【编辑推荐】

  1. 详解百度地图API之地图标注
  2. 百度地图API之如何制作驾车导航
  3. 架构师 如何从梦想变成现实?
  4. 谈谈对于企业级系统架构的理解
  5. 怎么成为一个软件架构师
责任编辑:彭凡 来源: 博客园
相关推荐

2011-09-16 10:37:42

地图API

2011-09-26 10:05:19

百度地图API

2011-10-09 11:07:40

百度地图API

2011-10-21 10:16:25

百度地图API

2021-06-15 14:33:00

高德百度腾讯

2011-10-24 14:01:29

API

2011-09-16 14:39:02

百度地图API

2011-10-21 09:28:25

百度地图API

2012-02-01 09:33:36

百度地图API

2013-04-08 14:59:54

Android学习笔记百度地图Overlay

2022-03-27 10:04:23

Angular8项目vue

2011-12-29 16:18:14

API

2011-05-25 14:36:17

2012-02-03 14:01:15

地图

2012-03-08 14:20:05

HTML 5

2011-10-21 09:11:41

百度地图API

2013-04-08 14:46:42

Android学习笔记百度地图

2020-12-11 22:02:00

百度地图Apollo

2020-11-26 15:09:49

数据安全百度地图机器学习

2010-09-03 09:28:30

点赞
收藏

51CTO技术栈公众号