微信使用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)  
      } 
    });  
  },
相关推荐
行走的陀螺仪17 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
2503_9284115618 小时前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger18 小时前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon
谢尔登18 小时前
原来Webpack在大厂中这样进行性能优化!
前端·webpack·性能优化
cypking20 小时前
Vue 3 + Vite + Router + Pinia + Element Plus + Monorepo + qiankun 构建企业级中后台前端框架
前端·javascript·vue.js
雨雨雨雨雨别下啦20 小时前
【从0开始学前端】vue3简介、核心代码、生命周期
前端·vue.js·vue
simon_934921 小时前
受够了压缩和收费?我作为一个码农,手撸了一款无限容量、原图直出的瀑布流相册!
前端
e***877021 小时前
windows配置永久路由
android·前端·后端
Dorcas_FE1 天前
【tips】动态el-form-item中校验的注意点
前端·javascript·vue.js
小小前端要继续努力1 天前
前端新人怎么更快的融入工作
前端