微信小程序获取定位-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_52972239/article/details/125152402

这篇博客介绍了如何通过腾讯地图API实现经纬度到实际位置的转换。首先，你需要在腾讯地图官网注册并申请秘钥，确保启用WebServiceAPI。然后下载并引入SDK，使用小程序的wx.getLocation获取经纬度，最后通过qqmap.reverseGeocoder进行反向地理编码，获取详细位置信息。整个过程涉及到微信小程序开发和腾讯地图API的集成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过解析获取的经纬度，获取真实定位

腾讯地图官网

地址：https://lbs.qq.com/dev/console/home

第一步：注册

注册之后选择 WebService API

第二步：申请秘钥

添加key

一定要勾选 WebService API 如果未勾选启动服务会返回

{status: 199, message: "此key未开启WebserviceAPI功能，您可登录lbs.qq.com，进入控制台key管理界面，找到此key并设置启用WebserviceAPI"}

第三步

下载压缩包sdk：http://3gimg.qq.com/lightmap/xcx/jssdk/qqmap-wx-jssdk1.2.zip

第四步

下载好后解压当到自定义的目录中

在需要的的文件中引入

// 引入SDK核心类

var QQMapWX = require('../../libs/qqmap-wx-jssdk.min');

//申请密钥地址

var qqmap = new QQMapWX({ key: '申请的秘钥'});

核心代码

使用小程序的 wx.getLocation(Object object) 方法获取经纬度

地址：wx.getLocation(Object object) | 微信开放文档

wx.getLocation({
 type: 'wgs84',
 success (res) {
   const latitude = res.latitude   //经度
   const longitude = res.longitude //纬度
 }
})

完整实现

wx.getLocation({
    success: function(res) {
    //用腾讯地图的api，根据经纬度定位当前位置信息
      qqmap.reverseGeocoder({
         location: {
            latitude: res.latitude,  //回调的纬度
            longitude: res.longitude //回调的经度
         },
         //回调成功显示位置的详细数据
            success:(res)=> {
              consle.log(res)
            },
             //回调失败  （调用成功之后这个可以不需要 ，回调失败会有报错信息方便调试）
            fail: function (res) {
              console.log(res);
            },
           //成功失败都会执行
            complete: function (res) {
               consle.log(res)
          }
      })
   },
})

这个是异步方法需要使用Promise封装一下