uniapp&&微信小程序中打开腾讯地图获取用户位置信息

实现的效果

第一步:首先登录微信公众平台 , 需要用到AppID

第二步: 注册登录腾讯位置服务

注册需要手机号和邮箱确认,然后创建应用

创建后点击添加key

添加后会生成key,后面会用到这个key

第三步: 登录微信公众平台,进入开发管理- -> 开发设置 添加 服务器域名

第四步:在 manifest.json 文件 Web配置中,定位和地图勾选腾讯地图,将自己的腾讯地图的 Key 粘贴至此。

代码中

第五步:以上配置全部完成下面是开发代码

点击按钮

html 复制代码
<view class="positioning-logo" @click="getLocation">
   <image
      src="/static/image/positioning.png"
       class="positioning-img"
   />
   <text>定位</text>
</view>

js代码

javascript 复制代码
const getLocation = () => {
      uni.getSystemInfo({
        success(res) {
          let locationEnabled = res.locationEnabled; //判断手机定位服务是否开启
          let locationAuthorized = res.locationAuthorized; //判断定位服务是否允许微信授权
          if (locationEnabled == false || locationAuthorized == false) {
            //手机定位服务(GPS)未授权
            uni.showModal({
              title: "授权",
              content: "获取授权失败,是否前往授权?",
              success: function (result) {
                if (result.confirm) {
                  uni.openAppAuthorizeSetting();
                }
              },
              fail: function () {
                uni.showToast({
                  title: "请前往设置中授权位置信息",
                  icon: "none",
                });
              },
            });
          } else {
            uni.chooseLocation({
              success: function (response) {
                console.log("位置名称:", response);
        
              },
            });
          }
        },
      });
    };
相关推荐
FX1317887KP_1 小时前
KET口语Part 2看图对话怎么练?“观察—提问—回应”;三步法讲透
小程序·ket口语·pet口语·fce备考·剑桥英语
上线再说6 小时前
小程序图片处理从 2.9 秒到 420 毫秒:云函数冷启动的 5 个坑
微信小程序
沃达德软件6 小时前
智慧教育教学资源管理系统(PC端+微信小程序)
微信小程序·小程序
CHB6 小时前
别再问uni-app x蒸汽模式是否成熟了,已经有大量App案例上架应用商店了
uni-app
阿俊-全栈开发8 小时前
LikeShop 小程序商城首页可配置弹窗的设计与实现(Java + uni-app)
小程序·状态模式·likeshop·likeshop开源商城
考拉讲支付1 天前
延迟分账 / 核销分账的技术实现方案:服务完成后再分钱,到底怎么设计?
大数据·运维·人工智能·微信小程序·小程序·系统架构
Newway3211 天前
便利店小程序商城如何打通总部、门店与会员
小程序·小程序商城·会员运营·连锁便利店·门店订货·o2o系统
Strawberry961 天前
小程序视频播放官方方案
小程序
weixin_177297220691 天前
二手旧物回收小程序先要解决的不是下单,是“上门之后价格变了怎么办“
小程序·apache
青企通1 天前
电动车门店小程序:以旧换新估价、维修工单与电池档案的设计实现
小程序