概述
本文结合高德API和MapboxGL,仿照手机版高德地图实现用户输入起点和终点位置并模糊搜索选择具体位置,根据选择的起始点位置规划路径,并实现多条路径的切换展示。
实现效果
代码实现
1....并设置为地图的初始化位置;
调用regeo接口设置当前城市;
通过inputtips实现起始点的模糊查询;
调用v5/direction/driving接口实现路径规划,根据文档:
v5版本的接口可返回多条路径,v3...,
'icon-allow-overlap': true,
},
})
})
request('v3...: rgba(1, 122, 242, 0.8);
}
.driver-popover-arrow-side-left {
border-left-color: rgba(1, 122,...242, 0.8);
}
.driver-popover-arrow-side-right {
border-right-color: rgba(1, 122, 242, 0.8);