创建一张简单的地图:varmap=newBMap.Map("container")...如何制作多途经点的线路导航?"/>
问答
客服(同微信)
15320418221

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

2021-09-23 17:53

毛毛

毛毛


一、创建地图
API1/?v=
1.2">

创建一张简单的地图:
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(11
6.404, 3
9.915), 13);
然后为地图加上一些合适的控件:
map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件
map.addControl(new BMap.ScaleControl()); // 添加比例尺控件
map.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件
也可以使用localsearch类的search方法。这个可以随意。
找到坐标点之后,创建三个点对象。

var myP1 = new BMap.Point(10
6.521436,2
9.532288); //起点-重庆
var myP2 = new BMap.Point(10
8.983569,3
4.285675); //终点-西安
var myP3 = new BMap.Point(11
6.404449,3
9.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);}。

2021-09-23 18:24:40

相关问答

导航怎么添加途经点?

淇宝2

淇宝2

导航为例,首先按照常规导航设置好出发点和终点,点开始导航。然后在地图中找到需要的途经点,长按这个途经点就会出现提示设置为途经点即可。

2021-09-23 17:53:14 742查看 1回答

哪个手机导航软件能设置N个途经点?

亚克力方格

亚克力方格

地图可以实现,操作如下:1、首先需要点按手机中的地图应用标志。2、进入地图主界面之后点按箭头指向的线路字样标志。3、此时界面转入设置导航起止位置及途经点界面,点按箭头指向的加号标志。4、点按完加号后会在界面中出现输入途经点文本框,如下图所示。5、在其中输入第一个途经点名所包含的关...

2021-09-23 17:53:14 647查看 1回答

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

毛毛

毛毛

一、创建地图API1/?v=1.2">创建一张简单的地图:varmap=newBMap.Map("container");map.centerAndZoom(newBMap.Point(116.404,39.915),13);然后为地图加上一些合适的控件:ma...

2021-09-23 17:53:14 512查看 1回答

手机导航可以插入多个途经点的软件?

月色

月色

道道通可以提供6个点,是不是想自己定义导航线路,但是道道通的界面不怎么好看。

2021-09-23 17:53:14 577查看 1回答

导航怎么设置途经点?

赚钱8888

赚钱8888

方法:点击路线,在输入起点目的地中间位置点击“+”此图标,即可添加途经点,最多可添加3个途经点。步骤:1.地图上点选地点规划路线地图页面找到目的地,长按弹出可操作信息框,点击右下角的导航,即可完成路线规划并进入导航状态。2.路线管理设置并支持点增加。提示:1、进入路线管理...

2021-09-23 17:53:14 1026查看 1回答

更多问答

最新知识

公司地址认领搜狗地图标注多久审核?公司地址认领地图标注多久审核?

公司地址认领搜狗地图标注多久审核?公司地址认领地图标注多久审核?

小编为您整理我在地图上标注审核认领需要多久、我在地图上标注审核认领需要多久y、我在地图上标注审核认领需要多久i、我在地图上标注审核认领需要多久Y、搜狗地图标注要多久才显示相关地图标注知识,详情可查看下方正文!

2023-01-17

公司地址如何入驻花小猪打车地图标记?指路人地图标注服务中心铺如何入驻花小猪打车地图标记?

公司地址如何入驻花小猪打车地图标记?指路人地图标注服务中心铺如何入驻花小猪打车地图标记?

小编为您整理美团商家如何入驻,商家入驻教程、商家如何入驻地图、如何入驻地:、养殖营业执照如何入驻地图、家政公司如何入驻美团相关地图标注知识,详情可查看下方正文!

2023-01-17

门指路人地图标注服务中心如何做花小猪打车地图位置标记?门指路人地图标注服务中心花小猪打车地图位置地址标记?

门指路人地图标注服务中心如何做花小猪打车地图位置标记?门指路人地图标注服务中心花小猪打车地图位置地址标记?

小编为您整理如何做地图标记、地图如何做标记、so搜街景中如何做标记、360e启花贷款申请通过了是要去到门指路人地图标注服务中心办理手续的吗、哪些软件能实现在地图上标记门指路人地图标注服务中心位置相关地图标注知识,详情可查看下方正文!

2023-01-17

门指路人地图标注服务中心地图位置地址标记?门指路人地图标注服务中心苹果地图位置地址标记?

门指路人地图标注服务中心地图位置地址标记?门指路人地图标注服务中心苹果地图位置地址标记?

小编为您整理哪些软件能实现在地图上标记门指路人地图标注服务中心位置、门指路人地图标注服务中心地址标注、如何创建门指路人地图标注服务中心定位地址、如何创建门指路人地图标注服务中心定位地址、服装门指路人地图标注服务中心地址标注上地图怎么弄相关地图标注知识,详情可查看下方正文!

2023-01-17

凯立德地图位置定位怎么设置自己的指路人地图标注服务中心名?凯立德地图位置定位怎么设置公司地址?

凯立德地图位置定位怎么设置自己的指路人地图标注服务中心名?凯立德地图位置定位怎么设置公司地址?

小编为您整理凯立德怎么定位自己的位置啊、手机凯立德地图定位怎么设置往上走、地图位置定位怎么设置自己的指路人地图标注服务中心名、凯立德手机版如何定位自己的位置,求助、凯立德导航怎么设置指路人地图标注服务中心铺招牌相关地图标注知识,详情可查看下方正文!

2023-01-17