微信小程序map组件实现（路线规划）

WXRUI体验二维码

如果文章对你有帮助的话&＃xff0c;请打开微信扫一下二维码&＃xff0c;点击一下广告&＃xff0c;支持一下作者&＃xff01;谢谢&＃xff01;

效果图

})

实现步骤

1. 利用 input 输入终点地址关键字&＃xff1b;
2. 通过关键字利用高德地图API&＃xff08;getInputtips&＃xff09;获取地址坐标列表&＃xff1b;
3. 列表添加选中事件&＃xff0c;获取具体的 location &＃xff0c;进行地图标记&＃xff1b;
4. 选择路线类型&＃xff08;驾车&＃xff0c;骑行等&＃xff09;&＃xff0c;通过高德地图对应的API获取规划坐标&＃xff1b;
5. 绘制路线。
6. 注意&＃xff1a;在返回的路线坐标数据格式&＃xff0c;公交和其他三种方式的数据格式不同&＃xff0c;需要单独进行处理&＃xff08;单独处理公交数据的方法&＃xff1a; getBusData&＃xff09;。

WXRUI体验二维码

如果文章对你有帮助的话&＃xff0c;请打开微信扫一下二维码&＃xff0c;点击一下广告&＃xff0c;支持一下作者&＃xff01;谢谢&＃xff01;

其他

我的博客&＃xff0c;欢迎交流&＃xff01;

我的CSDN博客&＃xff0c;欢迎交流&＃xff01;

微信小程序专栏

前端笔记专栏

微信小程序实现部分高德地图功能的DEMO下载

微信小程序实现MUI的部分效果的DEMO下载

微信小程序实现MUI的GIT项目地址

微信小程序实例列表

前端笔记列表

游戏列表