欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 美景 > 小程序使用经纬度通过腾讯位置服务、小程序jdk、逆地址解析(位置描述)获取到详细信息

小程序使用经纬度通过腾讯位置服务、小程序jdk、逆地址解析(位置描述)获取到详细信息

2024/11/30 3:50:13 来源:https://blog.csdn.net/Xiang_Gong_Ya_/article/details/139826665  浏览:    关键词:小程序使用经纬度通过腾讯位置服务、小程序jdk、逆地址解析(位置描述)获取到详细信息

小程序后台

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

注册账户

在这里插入图片描述

控制台新建应用

在这里插入图片描述
在这里插入图片描述

配额

配额

下载jdk

在这里插入图片描述
下载

在这里插入图片描述

逆地址解析(位置描述)

const QQMapWX = require('../../libs/qqmap-wx-jssdk.min.js');
  getPosition() {console.log('getPosition');const that = thisconst qqmapsdk = new QQMapWX({key: 'JRKBZ-NVERJ-HCMF2-XCOR4-KQFBH-75FOO'});wx.getLocation({type: 'wgs84', // 默认为wgs84的GPS坐标,gcj02则返回可用于微信地图的坐标success: function (res) {const latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90const longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。const speed = res.speed; // 速度,以米/每秒计const accuracy = res.accuracy; // 位置精度console.log('当前位置纬度:' + latitude + ', 经度:' + longitude, speed, accuracy);qqmapsdk.reverseGeocoder({location: {latitude: latitude,longitude: longitude},success(res) {const address = res.result.address;console.log('详细地址:', address);that.setData({address: address})},fail(err) {console.error('逆地理编码失败', err);}});// 通过后端接口获取位置详细信息// request('', 'post', {//   latitude: latitude,//   longitude: longitude// }).then((res) => {//   console.log(res);//   if (res.msg === 'success') {//     that.setData({//       address: res//     })//   }// })},fail: function (err) {console.log('获取位置失败', err);},complete: function () {// 成功或失败都会执行的回调}})},

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com