uniapp-vue3-微信小程序-uni.chooseLocation使用
目录
uniapp vue3 微信小程序 uni.chooseLocation使用
申请
先要去 申请使用接口
开通成功之后就可以在项目中配置使用了
配置
配置
manifest.json
"mp-weixin": {
/* 小程序特有相关 */
"requiredPrivateInfos": ["chooseLocation"],
"permission": {
"scope.userLocation": {
"desc": "你的小程序需要获取你的位置信息,以便为你提供更精准的服务。"
}
}
}
使用
uni.chooseLocation({
success: (res) => {
// 更新位置信息
console.log('位置名称:', res.name);
console.log('详细地址:', res.address);
},
fail: (err) => {
console.error('选择位置失败:', err.errMsg);
// 这里可以根据不同的错误码进行不同的处理
if (err.errMsg.includes('auth deny')) {
uni.showModal({
title: '提示',
content: '你拒绝了位置授权,若需要使用该功能,请在小程序设置中开启位置权限。',
success: (modalRes) => {
if (modalRes.confirm) {
// 引导用户去设置页面开启权限
uni.openSetting();
}
}
});
}
}
});