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

偏执的太偏执、 2022-06-06 12:26 965阅读 0赞

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

Center

--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获取步行实例

  1. var walking = new BMap.WalkingRoute(map,{renderOptions:{}} );

通过步行实例,获取一系列点的数组

  1. var pts = walking.getResults().getPlan(0).getRoute(0).getPath();

绘制点与点之间的连线

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

发表评论

表情:
评论列表 (有 0 条评论,965人围观)

还没有评论,来说两句吧...

相关阅读

    相关 地图自定义多点规划路线

    所谓自定义多点规划路线,就是从服务器下载多点的坐标,标注在百度地图上,在按照一定顺序连接规划路线。 (由于本人也是实习小白,所以有做错的,费事麻烦的欢迎大神指出,让我少走点弯

    相关 通过地图API绘制经纬度map

    通过百度的API来绘制经纬度map相比自己算坐标绘图来说,效率提升的不是一点半点,而且也符合多数人的使用习惯(应该有不少同学都用过百度地图查询信息),接下来不废话,先看一下效果

    相关 JAVA 地图 API

    唉。。已经无力吐槽废话。。直接进入正题吧。。第一次写。。如有不足之处请谅解。。哦对了。。我们这个是 web 端 获取 API 的官方文档 :[http://lbsyun.ba