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+firstUI——上传视频组件fui-upload-video
前端·javascript·uni-app
racerun3 小时前
小程序导航设置更多内容的实现方法
小程序
说私域3 小时前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的超级文化符号构建路径研究
人工智能·小程序·开源
mg6684 小时前
微信小程序入门实例_____快速搭建一个快递查询小程序
微信小程序·小程序
程序员柳4 小时前
基于微信小程序的校园二手交易平台、微信小程序校园二手商城源代码+数据库+使用说明,layui+微信小程序+Spring Boot
数据库·微信小程序·layui
Jyywww1217 小时前
微信小程序学习笔记
笔记·学习·微信小程序
The_era_achievs_hero8 小时前
微信小程序41~50
微信小程序·小程序
耶啵奶膘15 小时前
uniapp——地图路线绘制map
uni-app
shadouqi15 小时前
uniapp实现图片预览,懒加载,下拉刷新等
uni-app