微信小程序之获取当前地理位置及通过地理位置获取经纬度

最新推荐文章于 2025-08-01 18:13:42 发布

原创

最新推荐文章于 2025-08-01 18:13:42 发布 · 4.8k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #获取地理位置 #获取经纬度

微信小程序之获取当前地理位置及通过地理位置获取经纬度

一、准备工作
二、获取当前地理位置
三、通过地址获取经纬度
四、注意

一、准备工作

获取腾讯位置服务，按步骤嫩好:申请密钥页面，上面有个控制台，在左边有个key管理，创建密钥即可。

二、获取当前地理位置

话不多说，直接上代码，操作起来

在js中导入下好的sdk

var QQMapWX = require('../../../utils/qqmap-wx-jssdk.js');
var qqmapsdk;

页面加载时初始化一下

onLoad: function () {
   
   
    qqmapsdk = new QQMapWX({
   
   
      key: 'xxx-xxx-xxx-xxx-xxx' //这里自己的secret秘钥进行填充
    });
  },

获取地理位置授权，先不用看下面的代码，我说一下思路。获取地理位置最关键的一步就是调用腾讯sdk接口，这个接口只要有经纬度，就可以获取到地址；而这个地址可以通过wx.getLocation直接得到；然后就是一个简单的逻辑顺序了：获取授权=>点击允许，授权成功的同时调用wx.getLocation方法=>获取到经纬度后传给腾讯sdk接口 OK。

// 获取当前地理位置
  getLocal: function (latitude, longitude) {
   
   
    let that = this;
    qqmapsdk.reverseGeocoder({
   
   
      location: {
   
   
        latitude: latitude,
        longitude: longitude
      },
      success: function (res) {
   
   
        console.log(res);
        let province = res.result.ad_info.province
        let city = res.result.ad_info.city
        let address = res.result.address
        that.setData({
   
   
          province: province,
          city