一.微信公众平台增加插件
1.登录后点击——账号设置
2.点击——第三方设置
3.插件管理点击添加插件——搜索腾讯位置服务路线规划后添加
二.腾讯位置服务网站配置
1.进入腾讯位置服务网站注册登录——官网地址：https://lbs.qq.com
2.登录后点击控制台-应用管理-我的应用，进入页面后点击创建应用，创建对应应用
3.创建key，创建应用后点击添加key，
lbs.qq.com servicewechat.com 你小程序请求的ip/域名
4.配额管理-key额度页面，配置你的key每天合适的额度，注意一下总额度，超出了就只能付费了
三.app.json/pages.json小程序的配置
原生在app.json中新增或uniapp项目在pages.json中新增配置permission和plugins，注意你的微信公众平台中开发管理-接口设置-地理位置的接口要对应的开通
{
"permission": {"scope.userLocation": {"desc": "您的位置信息将用于小程序定位"}},"plugins": {"route-plan": {"version": "2.2.0","provider": "wx50b5593e81dd937a"}},
pages:{
你的页面路由
}
}
四.小程序代码编写
const guide = () => {
// 腾讯位置服务key
const key = '你在腾讯位置服务创建的key';// 调用插件的app的名称const referer = '调用插件的app的名称';// 用户openIdconst openId = '随便写一个随机值就行也可不传';// 是否启用智能规划const enableAI = true;// 是否开启导航功能const navigation = 1;// 起点const startPoint = JSON.stringify({name: 起点名,latitude: 起点的lat,longitude: 起点的lon,});// 终点const endPoint = JSON.stringify({name: 终点的name,latitude: 终点的lat,longitude: 终点的lon,});// 个性化图层const layerStyle = 1;// 导航wx.navigateTo({url: `plugin://route-plan/index?key=${key}&referer=${referer}&openId=${openId}&startPoint=${startPoint}&endPoint=${endPoint}
&enableAI=${enableAI}&navigation=${navigation}&layerStyle=${layerStyle}`})
}
注意：如果要导航从微信小程序跳转到app时起点会变成我的位置，即起点如果不是我的位置的话会丢失，这个是因为微信小程序提供的api限制了只能传入目的地，不能传入起点导致的，可以参考文档： https://developers.weixin.qq.com/miniprogram/dev/api/media/map/MapContext.openMapApp.html。 目前微信小程序的导航无法解决这个问题