最全小程序地图学习之获取位置获取经纬度获取地名获取地址，细节爆炸

2301_82242988

于 2024-05-13 20:05:43 发布

阅读量287

点赞数 5

分类专栏：程序员文章标签： java 面试学习

本文链接：https://blog.csdn.net/2301_82242988/article/details/138817648

版权

程序员专栏收录该内容

219 篇文章 0 订阅

订阅专栏

最后

这份清华大牛整理的进大厂必备的redis视频、面试题和技术文档

祝大家早日进入大厂，拿到满意的薪资和职级~~~加油！！

感谢大家的支持！！

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取


{

 "pages": [

  "pages/index/index",

  "pages/setting/setting"

 ],

 "window": {

  "backgroundTextStyle": "light",

  "navigationBarBackgroundColor": "#fff",

  "navigationBarTitleText": "WeChat",

  "navigationBarTextStyle": "black"

 },

 "permission": {

  "scope.userLocation": {

   "desc": "你的位置信息将用于小程序位置接口的效果展示"

  }

 },

 "sitemapLocation": "sitemap.json"

}

四，定义检查位置权限是否打开的方法


 //校验位置权限是否打开

 checkLocation() {

  let that = this;

  //选择位置，需要用户授权

  wx.getSetting({

   success(res) {

    if (!res.authSetting['scope.userLocation']) {

     wx.authorize({

      scope: 'scope.userLocation',

      success() {

       wx.showToast({ //这里提示失败原因

        title: '授权成功！',

        duration: 1500

       })

      },

      fail() {

       that.showSettingToast('需要授权位置信息');

      }

     })

    }

   }

  })

 },

这个方法就是来检查用户的位置权限是否授权，如果没有授权，就弹窗提示用户去授权页授权。弹窗代码如下：


 // 打开权限设置页提示框

 showSettingToast: function(e) {

  wx.showModal({

   title: '提示！',

   confirmText: '去设置',

   showCancel: false,

   content: e,

   success: function(res) {

    if (res.confirm) {

     wx.navigateTo({

      url: '../setting/setting',

     })

    }

   }

  })

 },

至此就可以实现一个完整的获取用户位置信息的小程序了，index.js完整代码如下


//index.js



Page({

 getLocation() {

  this.checkLocation();

  let that = this;

  wx.chooseLocation({

   success: function(res) {

    console.log(res)

    var latitude = res.latitude

    var longitude = res.longitude;

    that.setData({

     jingwei: "经纬度：" + longitude + ", " + latitude,

     address: "  地址：" + res.address,

     name: "  地名：" + res.name

    })

   }

  });

 },

 //校验位置权限是否打开

 checkLocation() {

  let that = this;

  //选择位置，需要用户授权

  wx.getSetting({

   success(res) {

    if (!res.authSetting['scope.userLocation']) {

     wx.authorize({

      scope: 'scope.userLocation',

      success() {

       wx.showToast({ //这里提示失败原因

        title: '授权成功！',

        duration: 1500

       })

      },

      fail() {

       that.showSettingToast('需要授权位置信息');

      }

     })

    }

   }

  })

 },

 // 打开权限设置页提示框

 showSettingToast: function(e) {

  wx.showModal({

   title: '提示！',

   confirmText: '去设置',

   showCancel: false,

   content: e,

   success: function(res) {

    if (res.confirm) {

     wx.navigateTo({

      url: '../setting/setting',

     })

    }

   }

  })

 },

})