uni-app小程序获取当前位置规划路线及直接跳转腾讯地图+小程序进行导航(2种方法)

uni-app⼩程序获取当前位置规划路线及直接跳转腾讯地图+⼩程序进⾏导航(2
加工工艺
种⽅法)
第⼀种 获取当前位置规划路线
1. 需要在 开放平台 添加第三⽅插件
设置 --> 第三⽅设置 --> 插件管理 --> 搜索 腾讯位置服务路线规划
2. 在manifest.json⽂件中添加
"plugins" : {
"routePlan" : {
"version" : "1.0.12",
"provider" : "wx50b5593e81dd937a"
acrobat 5
}
},
"permission" : {
"scope.userLocation" : {兰彻斯特方程
"desc" : "路线规划,获取⽤户位置"
}
},
3. 在点击事件中
address(){
let plugin = requirePlugin('routePlan');
let key = '申请的key';  //使⽤在腾讯位置服务申请的key
let referer = '乐学优选';  //调⽤插件的app的名称
type: 'gcj02',
success: function (res) {
let endPoint = JSON.stringify({  //终点
'name': '吉野家(北京西站北⼝店)',
'latitude': 39.894806,
'longitude': 116.321592
});
uni.navigateTo({
url: 'pluugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint
});
埃菲尔铁塔沉思
},
毛小平近况fail: function (error) {
console.log('执⾏',error)
}
});
},
ps:key需要在腾讯位置服务⾥⾯申请
展⽰效果
第⼆种 直接跳转腾讯地图+⼩程序进⾏导航
1.点击⽅法
toNavigation(){
var o = {
name: '医院',
location: {
lat: '39.894806',
lng: '116.321592'
}
};
uni.navigateToMiniProgram({
appId: 'wx7643d5f831302ab0',
path:"pages/multiScheme/multiScheme?endLoc=" + JSON.stringify(o) + "&qbMode=0",  success(res) {
// 打开成功
北京现代汽车培训管理系统}
})
},

本文发布于:2024-09-21 22:52:01,感谢您对本站的认可!

本文链接:https://www.17tex.com/xueshu/487520.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议