uniapp开发小程序如何获取用户地理位置

1、需求说明

需求：点击按钮获取当前微信位置，以及点击拒绝授权后，下次点击还可以拉起授权窗口；

2、言归正传

1、编写代码

模板部分

script部分

2、在manifest.json新增如下配置

原因：因为微信小程序从2019年1月14日起新提交发布的版本若未填写地理位置用途说明，则将无法正常调用地理位置相关接口；

解决办法： 在manifest.json文件中，mp-weixin属性下配置permission获取地理位置的权限

"permission" : {
    "scope.userLocation" : {
        "desc" : "你的位置信息将用于小程序位置接口的效果展示"
    }
},
"requiredPrivateInfos" : [ "chooseAddress", "getLocation", "chooseLocation" ]

3、运行测试

点击不授权

点击授权，跳转到授权页面，修改为使用时允许

重新获取位置信息

成功获取到用户的地理位置，那么就可以调用后端接口将经纬度存储到服务端使用了

3、结语

1.以上就是今天分享的全部内容，小伙伴们别忘记点赞关注~

2.需要注意的是一定要进行在manifest.json文件中配置，否则会如下错误

3.如果是需要上线的小程序，需要在微信公众平台开发管理->接口设置中开通接口wx.getLocation的权限，否则审核代码时候会不通过

4.制作不易，一键四连再走吧，您的支持永远是我最大的动力！