微信小程序计算用户当前位置与商户距离

喜欢ヅ旅行 2024-03-24 16:45 40阅读 0赞

### 利用腾讯地图的位置服务 ###

1、先到[腾讯位置服务][Link 1]注册登录，申请key、引入依赖。  
下图的第三步配置是要在小程序的后台那里设置，记得不要找错地方了。如图： ![e48291cb165540c3860547a9780a8f7a.png][]![bf8812430c4d487b8d6fb9e7fd90c388.png][]

2、配置完成了之后，小程序重新编译一下

3、求两点距离文档：[腾讯位置-两点求距][-]

4、读完可知,我们只需要商家的经纬度即可,我们在小程序里实验一下

// 引入SDK核心类  
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');

var qqmapsdk= new QQMapWX(\{ key: '你申请到的key' // 必填 \});

that.qqmapsdk.calculateDistance(\{  
//mode: 'driving',//可选值：'driving'（驾车）、'walking'（步行），不填默认：'walking',可不填  
//from参数不填默认当前地址  
//获取表单提交的经纬度并设置from和to参数（示例为string格式）  
to: \[\{  
latitude: 35.085213, //商家的纬度  
longitude: 117.167236, //商家的经度  
\}\],  
success: function(res) \{//成功后的回调  
console.log(res);  
let hw = res.result.elements\[0\].distance //拿到距离(米)  
console.log('腾讯地图计算距离商家' + hw +"米");  
if (hw && hw !== -1) \{ //拿到正确的值  
//转换成公里  
hw = (hw / 2 / 500).toFixed(2) + '公里'  
\} else \{  
hw = "距离太近或请刷新重试"  
\}  
console.log('腾讯地图计算距离商家：' + hw +"千米");  
\},  
fail: function(error) \{  
console.error("腾讯地图计算距离商家失败"+error);  
\},  
complete: function(res) \{  
console.log("距离商家位置结束啦"+res);  
\}  
\});

[Link 1]: https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview
[e48291cb165540c3860547a9780a8f7a.png]: https://img-blog.csdnimg.cn/e48291cb165540c3860547a9780a8f7a.png
[bf8812430c4d487b8d6fb9e7fd90c388.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/6fca8af396904799a8a6ce1bfa764f73.png
[-]: https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/methodCalculatedistance