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);
        
              },
            });
          }
        },
      });
    };
相关推荐
码间留白5 小时前
鸿蒙端对接 BLE 血压计:从一次握手到读数入库(二)设备篇
物联网·uni-app·鸿蒙·蓝牙ble·血压计
AI源码1 天前
在线考试小程序
小程序·notepad++
计算机毕设定制辅导-无忧学长1 天前
《基于微信小程序健康习惯激励系统设计与实现》
java·spring boot·mysql·微信小程序·uniapp·健康习惯激励系统
华玥作者1 天前
Vue 3 + TypeScript + uni-app 组件库推荐:hy-app(华玥组件库)
vue.js·typescript·uni-app
FinelyYang1 天前
uniapp使用kkfileview在线预览ppt,excel,word,pdf类型文件
pdf·uni-app·powerpoint
2501_916008891 天前
iPhone 设备信息查看,用 KeyMob 看型号、序列号、电池健康和 UDID
android·ios·小程序·https·uni-app·iphone·webview
ModyQyW2 天前
vite-plugin-uni-manifest 0.7:在 uni-app 读取之前生成
前端·uni-app
lyz2468592 天前
uniapp vue3 小程序开发注意事项
uni-app
拖孩2 天前
流量主门槛从 500 降到 100,我的小程序上线 18 小时够到了线
前端·后端·微信小程序
云-缩影2 天前
做微信小程序,自建服务器还是用云托管:技术选型对比
服务器·微信小程序·小程序