A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

【郑州校区】百度地图 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号楼三层
联系电话 0371-56061160/61/62
来校路线  地铁一号线梧桐街站A口出

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马