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

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

准备工作


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

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)
          }
        });
相关文章
|
1月前
|
XML 小程序 前端开发
小程序制作教程
小程序制作教程
61 3
小程序制作教程
|
4月前
|
小程序 PHP
全新UI自助图文打印系统小程序源码 PHP后端 附教程
全新UI自助图文打印系统小程序源码 PHP后端 附教程
274 2
|
4月前
|
前端开发 小程序
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
408 0
|
4月前
|
小程序
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
599 0
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
|
4月前
|
小程序 前端开发
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
246 0
|
4月前
|
小程序
【微信小程序-原生开发】实用教程21 - 分包
【微信小程序-原生开发】实用教程21 - 分包
370 0
|
4月前
|
小程序 C++
【微信小程序-原生开发】实用教程19 - 表单范例 VS 表单校验(含必填校验函数封装,实时数字校验)
【微信小程序-原生开发】实用教程19 - 表单范例 VS 表单校验(含必填校验函数封装,实时数字校验)
75 0
|
4月前
|
小程序
【微信小程序-原生开发】实用教程18 - 九宫格、底部悬停按钮、页内悬浮按钮、拨打电话、一键复制
【微信小程序-原生开发】实用教程18 - 九宫格、底部悬停按钮、页内悬浮按钮、拨打电话、一键复制
63 0
|
30天前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
200 3
|
1月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
46 0
微信小程序更新提醒uniapp