如何制作多途经点的线路导航

如何制作多途经点的线路导航

我车上的凯立德可以添加两个地点间的经过点。

使用奥维地图导航吧，支持手绘线路导航，理论上可以支持无限多个经过点。

一、创建地图 api1.2版本取消密钥，取消服务设置，大家可以采用更加简短的方式引用api的js~ <script type="text/javascript" src="api.map.baidu.com/api?v=1.2"><&#47;script> 创建一张简单的地图： var map = new bmap.map("container"); map.centerandzoom(new bmap.point(116.404, 39.915), 13); 然后为地图加上一些合适的控件： map.addcontrol(new bmap.navigationcontrol()); // 添加平移缩放控件 map.addcontrol(new bmap.scalecontrol()); // 添加比例尺控件 map.addcontrol(new bmap.overviewmapcontrol()); //添加缩略地图控件 也可以使用localsearch类的search方法。这个可以随意。 找到坐标点之后，创建三个点对象。 var myp1 = new bmap.point(106.521436,29.532288); //起点-重庆 var myp2 = new bmap.point(108.983569,34.285675); //终点-西安 var myp3 = new bmap.point(116.404449,39.920423); //终点-北京 二、创建一个驾车导航和两个驾车搜索 用这句话就可以创建驾车导航啦。 var driving = new bmap.drivingroute(map); //创建驾车实例 然后写两个搜索方法： 第一个是搜索从重庆到西安的，第二个是从西安到北京的。 driving.search(myp1, myp2); //第一个驾车搜索 driving.search(myp2, myp3); //第二个驾车搜索 三、自己绘制折线 接下来，在回调函数setsearchcompletecallback中，把搜索完毕的路线绘制出来。 注意，这里是两个搜索的路线都绘制出来了~~ 第一句、获取数组 第二句、创建折线 第三句、添加折线覆盖物 driving.setsearchcompletecallback(function(){ var pts = driving.getresults().getplan(0).getroute(0).getpath(); //通过驾车实例，获得一系列点的数组 var polyline = new bmap.polyline(pts); map.addoverlay(polyline);}。