百度地图 JavaScript API 常用讲解

l 地图示例  

1、 以城市为中心展示地图  

2、 设置最小 最大级别  

3、 移动地图  

4、 缩放地图

5、 计算两点距离，完成两点画线  

l 地图控件示例  

6、 工具条（NavigationControl）和比例尺控件（ScaleControl）  

7、 地图类型控件（MapTypeControl）、缩略图控件（OverViewMapControl ）  {anchor: BMAP_ANCHOR_TOP_LEFT}); 控件位置  

8、 城市列表控件 （CityListControl ）

l 覆盖物示例  

9、 添加覆盖物（addOverlay）和删除覆盖物（clearOverlays）

Marker 标记点

Polyline 线

Circle 圆

Polygon 多边形  

10、 弹跳动画  

11、 添加自定义图标 Icon  

 其它： 闪烁点、热力图、聚类图  

l 鼠标示例 、叠加层示例、事件示例  

12、 鼠标滚轮 缩放地图 enableScrollWheelZoom  

13、 鼠标测距

14、 点击鼠标，获取坐标  

15、 实时路况显示 TrafficControl  

16、 地图加载事件  

l 路线规划  

如何在地图两点之间生成路径 ？  最新百度接口提供四种线路（公交、自驾、骑行、

步行 ）， JavaScript API 只支持 公交、自驾、步行  

        DrivingRoute 驾车路由对象，search（点 1、点 2） 生成自驾路线  

        TransitRoute 公交路线  

        WalkingRoute 步行路线  

l 定位和地址解析  

17、 如何获取当前用户坐标  百度地图 提供 浏览器和 ip 粗略城市定位 ，不精确  

浏览器定位 BMap.Geolocation() getCurrentPosition()  

Ip 定位 BMap.LocalCity();

GPS 定位 精准（手机设备 或者 专用设备 ）

使用 GPS 定位后坐标，标记在百度地图上，定位不准确  

18、 地址通过程序进行解析转换  将地址转为为 地图坐标  

将坐标逆向转换为地址  

l 检索示例功能

19、 关键字检索  

20、 多关键字检索，完成输出（输出到 id 为 r-result 区域 ）

21、 基于当前定位，搜索附近的内容 searchNearby  

22、 检索 LBS 云数据  

可以自定义数据点，检索到页面显示  

百度地图，为每个账户开辟云服务，在云服务建表，存储需要显示点 ，在搜索时显示出来  

23、 输入提示示例 （自动补全 ）