uniapp 使用wx.getFuzzyLocation获取当前的模糊地理位置-编程知识

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

前言：

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

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

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

2.qqmap-wx-jssdk.js下载

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

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

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

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

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

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

4.在需要使用的页面进行引入

<script>var QQMapWX = require("../../utils/qqmap-wx-jssdk.min");var qqmapsdk;
</script>

5.声明变量与方法并在onLoad中调用方法

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

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

<script>export default {data() {return {longitude: null,latitude: null,address: ""}},onLoad() {this.getLocalCity();},methods: {// 获取当前市区定位getLocalCity() {wx.getFuzzyLocation({type: 'wgs84',success(res) {//填入自己的keyqqmapsdk = new QQMapWX({key: "自己的key"}),this.latitude = res.latitude;this.longitude = res.longitude;//wx.getFuzzyLocation()方法获取的只是所在地区的经纬度，//获取所在地区的具体城市信息还需要进行逆地址解析qqmapsdk.reverseGeocoder({location: {latitude: this.latitude,longitude: this.longitude},success: function(res) {this.address = res.result.address_component.city;},fail: function(err) {console.log(err);},})}})},}
</script>