前言
在此之前,采用了高德地图微信小程序API实现路线规划,但是由于公交路线规划不够准确,同时没有做转车等显示,所以这里补加微信小程序wx.openLoaction实现该效果!
效果图
- 个人中心进入公司地址
- 定位公司地址
- 到公司地址去并且实现驾车路线规划
- 骑行路线规划
- 返回小程序页面
效果视频
WXML代码
1 | <map class="rui-rtpn-map" markers="{{markers}}" longitude="{{longitude}}" latitude="{{latitude}}"> |
JS代码
1 | // pages/map/map.js |
WXSS代码
1 | .rui-rtpn-map{ |
总结
- 采用wx.chooseLocation和wx.openLocation还可以实现搜索目的地,到目的地去,同时规划路线等!
- 采用wx.chooseLocation和wx.openLocation配合实现搜索周边,选中周边,到选中坐标去的路线规划!
其他
QQ交流群: 264303060