微信小程序中实现用户当前位置和某个坐标之间的距离计算

本文以西安酷联之前某房产微信小程序为案例。当用户进入某一楼盘详情页时，有这样一个需求：如果后台录入了楼盘的经纬度坐标，则需要展示用户当前所处位置和楼盘（售楼部）大概的距离。

所需代码如下：

js部分：
data: {
distance: 0
}
onLoad: function () {
var that = this;
wx.getLocation({
type: 'wgs84',
success: function (res) {
//console.log(res);
var latitude = res.latitude;
var longitude = res.longitude;
var distanceStr = util.getDistance(latitude, longitude, that.data.project.dituweidu, that.data.project.ditujingdu);
that.setData({
distance: Number(distanceStr).toFixed(2)
});
}
});
}
util中计算距离的方法：
getDistance:function(la1, lo1, la2, lo2) {
var La1 = la1 * Math.PI / 180.0;
var La2 = la2 * Math.PI / 180.0;
var La3 = La1 - La2;
var Lb3 = lo1 * Math.PI / 180.0 - lo2 * Math.PI / 180.0;
var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(La3 / 2), 2) + Math.cos(La1) * Math.cos(La2) * Math.pow(Math.sin(Lb3 / 2), 2)));
s = s * 6378.137;
s = Math.round(s * 10000) / 10000;
return s;
}


wxml部分：距离您大约{{distance}}公里

以上就是小编为大家整理的内容，最终的效果展示如下：