【郑州校区】百度地图 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口出
|