黑马程序员技术交流社区
标题: 【郑州校区】百度地图 JavaScript API 常用讲解 [打印本页]
作者: 我是楠楠 时间: 2019-6-25 11:24
标题: 【郑州校区】百度地图 JavaScript API 常用讲解
【郑州校区】百度地图 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、 输入提示示例 （自动补全 ）
河南省郑州市 高新区长椿路11号大学科技园（西区）东门8号楼三层
来校路线 地铁一号线梧桐街站A口出
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |