美文网首页
微信小程序-获取当前位置信息

微信小程序-获取当前位置信息

作者: 丶天空蓝丶 | 来源:发表于2021-07-31 14:12 被阅读0次

    一:获取经纬度

    • 如果需求只是获取经纬度的话,这个功能就比较容易实现了,用微信自带的getLocation方法就可以了,使用如下:
      wx.getLocation({
       type: 'wgs84',
       success (res) {
         console.log('纬度' + res.latitude)
         console.log('经度' + res.longitude)
       }
      })
      
      

    \color{red}{注意}
    此时运行程序会报如下警告

    定位警告.png
    提示已经说明了,需要在app.json里面添加permission,如下:
      "permission": {
        "scope.userLocation": {
          "desc": "展示给客户看的信息"
        }
      },
    

    二:获取当前城市

    • 微信提供的方法只能获取经纬度,如果要获取省、市、区等信息,就要用到第三方了。
    • 下面我就介绍一下如果接入腾讯地图实现
      1、首先需要登录腾讯地图开发者官网,申请key和下载SDK,参考官网链接
      2、将下载下来的SDK里面文件拉到自己项目里面
      3、在要使用的js文件头部添加如下代码(require路径要对应拉进来的SDK文件路径)
    var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
    var qqmapsdk;
    

    4、在onLoad里面实例化API核心类

      onLoad: function (options) {
        // 实例化API核心类
        qqmapsdk = new QQMapWX({
          key: '申请的KEY'
        });
      },
    

    5、在要使用的地方调用获取位置信息的方法

        // 调用接口
       qqmapsdk.reverseGeocoder({
        success: function(res) {
          console.log(res);
        }
       })
    

    6、这个方法也需要在app.json里面添加permission,如上。
    7、如果需要反编译其他经纬度,可参考官网链接

    三:关于定位弹窗

    • 每个小程序在一定时间内只会提示一次,不管你是否同意,再次调用获取位置方法,弹窗不会重复出现,如果想更改权限,到设置里面修改就可以了。

    相关文章

      网友评论

          本文标题:微信小程序-获取当前位置信息

          本文链接:https://www.haomeiwen.com/subject/auzhvltx.html