第一种 获取当前位置规划路线
- 需要在 微信开放平台 添加第三方插件
设置 --> 第三方设置 --> 插件管理 --> 搜索 腾讯位置服务路线规划
- 在
manifest.json
文件中添加
"plugins" : {
"routePlan" : {
"version" : "1.0.12",
"provider" : "wx50b5593e81dd937a"
}
},
"permission" : {
"scope.userLocation" : {
"desc" : "路线规划,获取用户位置"
}
},
- 在点击事件中
address(){
let plugin = requirePlugin('routePlan');
let key = '申请的key'; //使用在腾讯位置服务申请的key
let referer = '乐学优选'; //调用插件的app的名称
uni.getLocation({
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) {
// 打开成功
}
})
},