微信使用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)  
      } 
    });  
  },
相关推荐
漂流瓶jz5 小时前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
前端架构师-老李5 小时前
React 中 useCallback 的基本使用和原理解析
前端·react.js·前端框架
木易 士心5 小时前
CSS 中 `data-status` 的使用详解
前端·css
明月与玄武5 小时前
前端缓存战争:回车与刷新按钮的终极对决!
前端·缓存·回车 vs 点击刷新
牧马少女6 小时前
css 画一个圆角渐变色边框
前端·css
zy happy6 小时前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小雨青年6 小时前
Cursor 项目实战:AI播客策划助手(二)—— 多轮交互打磨播客文案的技术实现与实践
前端·人工智能·状态模式·交互
小光学长7 小时前
基于Vue的儿童手工创意店管理系统as8celp7(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
meichaoWen7 小时前
【Vue】Vue框架的基础知识强化
前端·javascript·vue.js
jingling5557 小时前
Flutter | 基础环境配置和创建flutter项目
前端·flutter