百度地图api绘制路线规划实例

根据百度地图api实现路线规划,先上图:

百度地图api绘制路线规划实例_第1张图片


--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




你可能感兴趣的:(前端web,前端全栈)