微信使用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)  
      } 
    });  
  },
相关推荐
GISer_Jing16 分钟前
React基础知识回顾详解
前端·react.js·前端框架
阿正的梦工坊30 分钟前
深入解析 Chrome 浏览器的多进程架构:标签页是进程还是线程?(中英双语)
linux·服务器·前端·chrome·架构·unix
无限大.38 分钟前
前端知识速记--CSS篇:display
前端·css
滚雪球~44 分钟前
el-button 中icon在文字前和在文字后的写法
前端
小乌龟快跑2 小时前
React 设计实现一个支持动态插槽的Layout组件
前端·面试
打野赵怀真2 小时前
行内元素和块级元素有什么区别,如何相互转换?
前端·javascript
学问小小谢3 小时前
第21节课:前端构建工具—自动化与模块化的利器
运维·前端·学习·计算机·自动化·电脑·硬件工程
Orange3015115 小时前
深入剖析Electron的原理
前端·javascript·electron
大模型铲屎官5 小时前
掌握 HTML5 多媒体标签:如何在所有浏览器中顺利嵌入视频与音频
前端·html·音视频·html5·多媒体标签
爱编程的鱼5 小时前
HTML5教程之标签(2)
前端·html·html5