微信小程序获取用户地理位置(mpvue)

最新推荐文章于 2023-10-29 08:35:44 发布

juvialoxer

最新推荐文章于 2023-10-29 08:35:44 发布

阅读量626

点赞数

文章标签：小程序 javascript

本文链接：https://blog.csdn.net/juvialoxer/article/details/111470034

版权

本文介绍了如何在微信小程序中使用mpvue框架获取用户地理位置，包括编写通用js文件、使用步骤以及在获取失败后的处理策略。同时，文章还强调了wx.getLocation返回的经纬度类型为gcj02，并讨论了如何结合百度地图进行逆地理编码转换。

摘要由CSDN通过智能技术生成

一,编写一个可以任意处都可调用的js文件location.js

// 获取用户经纬度权限
//获取经纬经纬度权限比较简单.不做过多解释. 
function getUserLocation() {
   
    let that = this;
    wx.getSetting({
   
      success(res) {
   
        if (!res.authSetting["scope.userLocation"]) {
   
          //获取经纬度
          wx.authorize({
   
            scope: "scope.userLocation",
            success() {
   
              // 授权成功
              geo();
            },
            fail() {
   
              wx.showModal({
   
                title: "提示",
                content: "尚未进行授权，获取经纬度",
                showCancel: false,
                success(res) {
   
                  if (res.confirm) {
   
                    wx.openSetting({
   
                      //这里的方法是调到一个添加权限的页面，可以自己尝试
                      success: (res) => {
   
                        if (!res.authSetting["scope.userLocation"]) {
   
                          wx.authorize({
   
                            scope: "scope.userLocation",
                            success() {
   
                              // 授权成功
                              geo();
                            },
                            fail() {
   
                              console.log("用户点击取消了");
                            },
                          });
                        }
                      },
                      fail: function () {
   
                        console.log("授权设置失败")