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

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

作者: 丶天空蓝丶 | 来源:发表于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