微信使用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)  
      } 
    });  
  },
相关推荐
im_AMBER12 小时前
weather-app开发手记 04 AntDesign组件库使用解析 | 项目设计困惑
开发语言·前端·javascript·笔记·学习·react.js
用泥种荷花12 小时前
VueCropper加载OBS图片跨域问题
前端
董世昌4112 小时前
什么是事件冒泡?如何阻止事件冒泡和浏览器默认事件?
java·前端
Bigger12 小时前
在 React 里优雅地 “隐藏 iframe 滚动条”
前端·css·react.js
小沐°12 小时前
vue3-ElementPlus出现Uncaught (in promise) cancel 报错
前端·javascript·vue.js
四瓣纸鹤12 小时前
F2图表在Vue3中的使用方法
前端·javascript·vue.js·antv/f2
web前端12312 小时前
# @shopify/react-native-skia 完整指南
前端·css
shanLion12 小时前
从 iframe 到 Shadow DOM:一次关于「隔离」的前端边界思考
前端·javascript
精神状态良好12 小时前
RAG 是什么?如何让大模型基于文档作答
前端
CRAB12 小时前
解锁移动端H5调试:Eruda & VConsole 实战指南
前端·debug·webview