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

腾讯地图官网

地址: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封装一下

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐