微信小程序地理位置权限申请及使用教程

简介: 微信小程序地理位置权限申请及使用教程

准备工作


需要在微信开发者平台中注册一个小程序账号,微信开发者平台官网如下

https://mp.weixin.qq.com/


申请流程


登录微信开发者平台后,在左侧选项栏点击开发-开发管理



开发管理中点击接口设置,在下面就可以进行地理位置权限申请了,其中wx.getFuzzyLocation接口是比较好申请的。


使用教程


编译器:Hbuilder


运行器:微信开发者工具


首先在manifest.json文件中配置小程序的位置信息,


/* 小程序特有相关 */
      "mp-weixin" : {
          "appid" : "wxa8e6388009466d0c",
          "setting" : {
              "urlCheck" : false
          },
          "usingComponents" : true,
          "permission" : {
              "scope.userFuzzyLocation":{
                "desc":"位置信息效果展示"
              }
          },
          "requiredPrivateInfos" : [ "getFuzzyLocation" ]
      },


配置manifest.json后还需要配置page.json


"permission":{
  "scope.userFuzzyLocation":{
    "desc":"位置信息效果展示"
  }
}


最后就可以调用接口


uni.getFuzzyLocation({
          success: function(res) {
            this.longitude = res.longitude
            this.latitude = res.latitude
            console.log(res.longitude)
            console.log(res.latitude)
          }
        });
相关文章
|
3月前
|
XML 小程序 前端开发
小程序制作教程
小程序制作教程
103 3
小程序制作教程
|
4月前
详细教程:扫码提交表单后,数据直接推送到企业微信、钉钉、飞书群聊
在草料制作的表单中,填表人扫码填写并提交数据后,这些信息可以立即通过企业微信、钉钉或飞书自动推送到相应的群聊中,实现即时共享和沟通,提升团队协作效率。
122 2
|
5月前
|
小程序 编译器 数据安全/隐私保护
小白保姆级教程:微信公众号开发,从0到1
【8月更文挑战第8天】小白保姆级教程:微信公众号开发,从0到1
573 3
|
6月前
|
小程序 PHP
全新UI自助图文打印系统小程序源码 PHP后端 附教程
全新UI自助图文打印系统小程序源码 PHP后端 附教程
305 2
|
6月前
|
前端开发 小程序
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
440 0
|
6月前
|
小程序 前端开发
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
352 0
|
6月前
|
小程序
【微信小程序-原生开发】实用教程21 - 分包
【微信小程序-原生开发】实用教程21 - 分包
428 0
|
6月前
|
小程序 C++
【微信小程序-原生开发】实用教程19 - 表单范例 VS 表单校验(含必填校验函数封装,实时数字校验)
【微信小程序-原生开发】实用教程19 - 表单范例 VS 表单校验(含必填校验函数封装,实时数字校验)
121 0
|
3月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
879 7
|
3月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
873 1

热门文章

最新文章