微信小程序(路线规划)插件的接入
程序员文章站
2024-02-11 17:09:46
...
腾讯地图提供包括驾车、步行、公交等多种方式的路线规划服务,主要用于路线显示,和较为轻型的路线应用。 路线规划不同于导航,它并不提供语音指引用户到目的地的功能,因而它更加轻量易用,适用场景更为广泛,如微信发送位置的路线显示,大众点评在地图页的路线功能等。
引入成功后运行的效果图:
代码在第三张图片下面
申请流程:
第一步、登录腾讯位置服务
第二部、验证手机 与 邮箱前往验证
第三步、申请开发秘钥(Key)必须立即前往
申请好后就可以开始引入插件了:
1.在app.josn(一定要在app.josn中写入)
// app.json
{
"plugins": {
"routePlan": {
"version": "1.0.5",
"provider": "wx50b5593e81dd937a"
}
},
"permission": {
"scope.userLocation": {
"desc": "你的位置信息用于发送定位"
}
},
}
在需要引入的页面js里写入:
onLoad: function () {
let plugin = requirePlugin('routePlan');
let key = '~~SPCBZ-RLMLU-**************O6UE3-SOBRQ'~~ ; //使用在腾讯位置服务申请的key
let referer = '测试'; //调用插件的小程序的名称
let startPoint = JSON.stringify({ //起点
'name': '中国技术交易大厦',
'latitude': 39.984154,
'longitude': 116.30749
});
let endPoint = JSON.stringify({ //终点
'name': '北京西站',
'latitude': 39.894806,
'longitude': 116.321592
});
wx.navigateTo({
url: 'plugin://routePlan/route-plan?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint
});
},