angular2--怎么利用经纬度获取两地的实际距离
程序员文章站
2022-07-14 19:29:31
...
参考百度api开发平台:http://lbsyun.baidu.com/jsdemo.htm#i5_5
它是这么写的,然后我现在要改一下,换成拿到了两地的经纬度,计算实际距离,基于typescript开发。
一、首先你需要去百度开发平台去申请一个秘钥
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的秘钥"></script>
二、在html页面定义
<div id="distanceMap"></div>
三、在ts里面定义
getMap(){
var map = new BMap.Map("distanceMap");
var p1 = new BMap.Point(a,b); //a,b分别是你当前的经纬度,自行获得
var that = this;
var p2 = new BMap.Point(c,d); //c,d分别是你想去那个地方的经纬度,自定获得
var distance:any='';
var searchComplete = (results)=>{
var plan = results.getPlan(0);
distance = plan.getDistance(true); //获取距离
}
var transit = new BMap.DrivingRoute(map, {renderOptions: {map: map},
onSearchComplete: searchComplete,
onPolylinesSet: ()=>{
that.driverSchoolLists[i].distance=distance.replace('公里',''); //赋值,自定义
}
});
transit.search(p1, p2);
}