百度地图api绘制路线规划实例
根据百度地图api实现路线规划,先上图:
--js混淆地址
http://tool.lu/js/
小圆点下载地址:
http://webmap1.map.bdstatic.com/wolfman/static/common/images/yuandian_hover_62695d4.png
起点终点图
http://webmap0.map.bdstatic.com/wolfman/static/common/images/dest_markers_14848ce.png
http://webmap0.map.bdstatic.com/wolfman/static/common/images/markers_new2_4ab0bc5.png
小人公交图
http://webmap1.map.bdstatic.com/wolfman/static/common/images/trans_icons_45ed3d3.png
其中图中蓝色小圆圈的点为途径点,在起点与终点之间经历9个途经点,通过设置调取api自动搜索由起点到终点并且经过途径点的最优路线规划。
在demo示例中对规划js做了封装。
js获取步行实例
var walking = new BMap.WalkingRoute(map,{renderOptions:{}} );
通过步行实例,获取一系列点的数组
var pts = walking.getResults().getPlan(0).getRoute(0).getPath();
绘制点与点之间的连线
var polyline = new BMap.Polyline(pts, {strokeColor:"red", strokeWeight:3, strokeOpacity:0.7, strokeStyle:"dashed", id:'polyine'});
具体示例下载地址:
http://download.csdn.net/download/ardo_pass/10110459
还没有评论,来说两句吧...