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);
        
              },
            });
          }
        },
      });
    };
相关推荐
2501_916008891 小时前
手机抓包app大全:无需root的安卓抓包软件列表
android·ios·智能手机·小程序·uni-app·iphone·webview
低代码布道师3 小时前
医疗小程序10预约挂号日历切换
低代码·小程序
一 乐5 小时前
健康打卡|健康管理|基于java+vue+的学生健康打卡系统设计与实现(源码+数据库+文档)
android·java·数据库·vue.js·spring boot·微信小程序
优倍网络9 小时前
宝塔部署websocket服务,后台fastadmin,用户端uniapp
uni-app
翼龙云_cloud12 小时前
阿里云渠道商:如何在阿里云 ECS 上搭建微信小程序服务?
运维·服务器·阿里云·微信小程序·小程序·云计算
墨着染霜华12 小时前
UniApp 微信小程序分享
微信小程序·uni-app
2501_9159214313 小时前
Windows 系统下的 IPA 加密工具实战指南,如何在非 macOS 环境完成 IPA 混淆、加固与工程化处理
android·windows·macos·ios·小程序·uni-app·iphone
iOS阿玮13 小时前
最近苹果审核效率提高了,周末竟然都在审核。
uni-app·app·apple
小小王app小程序开发15 小时前
从 0 到 1 搭建盈利闭环:废品回收小程序的场景分层与增值服务设计
小程序
狂团商城小师妹15 小时前
JAVA同城服务场馆预约门店预约健身房瑜伽馆预约系统支持H5小程序APP源码
java·开发语言·小程序