uniapp 使用wx.getFuzzyLocation获取当前的模糊地理位置

前言:

最近在进行一个小程序项目开发的时候,需要用到定位的功能,然后首先是尝试了getLocation方法,但是sccess中的内容始终无法打印,后来才知道是需要申请权限,在连续小程序后台管理员申请权限之后,被小程序官方拒绝了,后来又找到了getLocation方法的平替,wx.getFuzzyLocation()方法。接下来就带着大家一起来看一看如何使用wx.getFuzzyLocation获取当前的模糊地理位置:

1.联系小程序后台管理员在微信公众平台申请wx.getFuzzyLocation获取当前的模糊地理位置

位置具体为:开发——>开发管理——>接口设置——>wx.getFuzzyLocation

uniapp 使用wx.getFuzzyLocation获取当前的模糊地理位置_第1张图片

2.qqmap-wx-jssdk.js下载

 微信小程序JavaScript SDK | 腾讯位置服务

uniapp 使用wx.getFuzzyLocation获取当前的模糊地理位置_第2张图片

跟着官方教程一步一步走块就可以啦,在第2步的时候你可以勾选小程序,填写自己的APP ID:

uniapp 使用wx.getFuzzyLocation获取当前的模糊地理位置_第3张图片

第3步下载文件的时候放在你项目中,自己需要添加的文件位置:我存在utils文件夹下

uniapp 使用wx.getFuzzyLocation获取当前的模糊地理位置_第4张图片

3.在manifest.json文件中添加配置

在项目文件中,找到manifest.json文件——>源码视图——> 小程序特有相关

          "permission" : {
	            "scope.userFuzzyLocation":{
	            	"desc":"位置信息效果展示"
	            }
	        },
	        "requiredPrivateInfos" : [ "getFuzzyLocation" ]

uniapp 使用wx.getFuzzyLocation获取当前的模糊地理位置_第5张图片

4.在需要使用的页面进行引入
5.声明变量与方法并在onLoad中调用方法

调用方法的具体网站参考: wx.getFuzzyLocation(Object object) | 微信开放文档

微信小程序JavaScript SDK | 腾讯位置服务


补充:

如果在运行的过程中,报错:

打开腾讯位置服务 - 立足生态,连接未来找到应用管理——>我的应用——>点击编辑——>勾选WebServiceAPI项

uniapp 使用wx.getFuzzyLocation获取当前的模糊地理位置_第6张图片

uniapp 使用wx.getFuzzyLocation获取当前的模糊地理位置_第7张图片

你可能感兴趣的:(uni-app)