uniapp vue3 微信小程序 uni.chooseLocation使用

申请

先要去微信公众平台申请使用接口

开通成功之后就可以在项目中配置使用了

配置

配置manifest.json

bash 复制代码
"mp-weixin": {
    /* 小程序特有相关 */
    "requiredPrivateInfos": ["chooseLocation"],
    "permission": {
      "scope.userLocation": {
        "desc": "你的小程序需要获取你的位置信息,以便为你提供更精准的服务。"
      }
    }
}

使用

js 复制代码
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();
            }
          }
        });
      }
    }
  });
相关推荐
耶啵奶膘2 小时前
uniapp+vue3——通知栏标题纵向滚动切换
uni-app
The_era_achievs_hero5 小时前
UniappDay03
vue.js·微信小程序·uni-app
说私域8 小时前
技术赋能与营销创新:开源链动2+1模式AI智能名片S2B2C商城小程序的流量转化路径研究
人工智能·小程序·开源
游戏开发爱好者821 小时前
没有 Mac,如何上架 iOS App?多项目复用与流程标准化实战分享
android·ios·小程序·https·uni-app·iphone·webview
weixin_lynhgworld1 天前
代驾小程序系统开发:引领出行行业数字化转型
小程序
Python大数据分析1 天前
uniapp之微信小程序标题对其右上角按钮胶囊
微信小程序·小程序·uni-app
yzx9910131 天前
JS与Go:编程语言双星的碰撞与共生
java·数据结构·游戏·小程序·ffmpeg
说私域1 天前
基于开源链动2+1模式AI智能名片S2B2C商城小程序的私域流量池用户运营研究
人工智能·小程序·开源
一只一只妖1 天前
uniapp小程序上传图片并压缩
小程序·uni-app
zkmall1 天前
小程序卡顿到丝滑体验:ZKmall开源商城性能优化与兼容修复实战指南
性能优化·小程序