微信使用wx.getLocation

1,小程序管理后台 -「开发」-「开发管理」-「接口设置」" 中完成权限申请;

2,需在 app.json 中声明其需调用的地理位置相关接口

javascript 复制代码
 "permission": {
    "scope.userLocation": {  
      "desc": "你的位置信息将用于小程序地图定位"  
    }  
},
"requiredPrivateInfos": [
  "getLocation",
  "choosePoi",
  "chooseAddress"
],

3,在页面使用

javascript 复制代码
  // 获取当前地址信息
  getLocation(){
    console.log("获取当前地址");
    var that = this;  
    wx.getLocation({  
      type: 'wgs84',  
      success: function(res) {  
        console.log("获取当前地址",res);
      }  ,
      fail: function(error) {  
        console.log('获取位置失败', error)  
      } 
    });  
  },
相关推荐
中微子23 分钟前
🔥 React Context 面试必考!从源码到实战的完整攻略 | 99%的人都不知道的性能陷阱
前端·react.js
中微子1 小时前
React 状态管理 源码深度解析
前端·react.js
加减法原则2 小时前
Vue3 组合式函数:让你的代码复用如丝般顺滑
前端·vue.js
yanlele3 小时前
我用爬虫抓取了 25 年 6 月掘金热门面试文章
前端·javascript·面试
lichenyang4533 小时前
React移动端开发项目优化
前端·react.js·前端框架
你的人类朋友3 小时前
🍃Kubernetes(k8s)核心概念一览
前端·后端·自动化运维
web_Hsir3 小时前
vue3.2 前端动态分页算法
前端·算法
烛阴4 小时前
WebSocket实时通信入门到实践
前端·javascript
草巾冒小子4 小时前
vue3实战:.ts文件中的interface定义与抛出、其他文件的调用方式
前端·javascript·vue.js
DoraBigHead4 小时前
你写前端按钮,他们扛服务器压力:搞懂后端那些“黑话”!
前端·javascript·架构