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

原创于 2019-02-22 15:20:32 发布 · 571 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#实际距离

angular2+onsenui框架专栏收录该内容

29 篇文章

订阅专栏

本文介绍了如何在Angular2项目中利用百度API，通过获取的经纬度来计算两个地点的实际距离。首先，你需要在百度开发平台申请API秘钥。接着，在HTML页面进行相关设置，并在TypeScript文件中实现计算逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考百度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);
 }