微信小程序内怎么导入地图,距离测算

Posted 2023-03-17

参考技术A 进入腾讯地址服务官网。
在微信小程序中插入个性化地图：进入腾讯地址服务官网，控制台、个性化地图、个性化样式、样式选择。>
先定位目前的位置，再根据输入的目的地进行两地之间的距离计算。（前提是先导入高德地图相应的sdk包）。 参考技术B 首先你要了解弄懂微信小程序开发，地图组件有微信自带的，也可以自己引入组件，如果你的问题是怎么使用百度地图或者高德地图，那可以去百度地图高德地图看一下相关文档，里面有案例可以直接上手。距离测算可以是计算两个点位置的距离，数学公式一用就行了，另一种就是会有相关的接口直接用，不管是百度地图高德地图都有这种常用的接口去计算距离，点到点，点到线，的距离

微信小程序 功能函数 地图定位相对直线距离

 

GetDistance:function(lat1, lng1, lat2, lng2){

// console.log(lat1)

var radLat1 = lat1 * Math.PI / 180.0;

var radLat2 = lat2 * Math.PI / 180.0;

 

var a = radLat1 - radLat2;

 

var b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0;

 

var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));

 

s = s * 6378.137;

 

s = Math.round(s * 10000) / 10000;

console.log(s)

return s;

},

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

let that = this;

let a1,a2,b1,b2;

wx.chooseLocation({

success: function (res) {

a1 = res.latitude;

a2=res.longitude;

wx.chooseLocation({

success: function (res) {

b1 = res.latitude;

b2 = res.longitude;

console.log(a1)

console.log(a2)

console.log(b1)

console.log(b2)

that.GetDistance(a1, a2, b1, b2)

}

})

}

})

// wx.getLocation({

// type: ‘wgs84‘,

// success: function (res) {

// console.log(res.latitude)

// console.log(res.longitude)

// }

// })

 

 

},