欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

angular2--怎么利用经纬度获取两地的实际距离

程序员文章站 2022-07-14 19:29:31
...

参考百度api开发平台:http://lbsyun.baidu.com/jsdemo.htm#i5_5
它是这么写的,然后我现在要改一下,换成拿到了两地的经纬度,计算实际距离,基于typescript开发。

angular2--怎么利用经纬度获取两地的实际距离

一、首先你需要去百度开发平台去申请一个秘钥

 <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);
 }
相关标签: 实际距离