JS根据两点的经纬度坐标得到驾车行驶距离

186 篇文章 4 订阅

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

html

<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=WFLBZ-ABRHX-A474W-75TT3-L2NZF-VAGAC"></script>
	</head>

	<body>
		<button onclick="aaa()">点击</button>
		<script>
			function aaa() {
				get_distance('21.660388, 110.938697', '21.66701, 110.92245').then(function(resolve_finish) {
					console.log('距离:' + resolve_finish)
				})
			}

			function get_distance(s, e) {
				return myPromise = new Promise(function(resolve, reject) {
					var my_distance;
					var directionsService = new qq.maps.DrivingService({
						complete: function(response) {
							var distance = JSON.stringify(response.detail.routes[0].distance);
							my_distance = distance + '米';
							resolve(my_distance);
						}
					});
					var start = s.split(","); //起点经纬度
					var end = e.split(","); //目的地经纬度
					directionsService.setPolicy(qq.maps.DrivingPolicy['LEAST_DISTANCE']);//"LEAST_TIME">最少时间     LEAST_DISTANCE">最短距离    "AVOID_HIGHWAYS">避开高速			
					directionsService.search(new qq.maps.LatLng(start[0], start[1]),
						new qq.maps.LatLng(end[0], end[1]));
				}).then(function(resolve_finish) {
					return resolve_finish
				})
			}
		</script>
	</body>

</html>

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
获取两点之间的驾驶距离可以使用百度地图API的“驾车路线规划”功能。具体的实现步骤如下: 1. 首先,需要引入百度地图API的Java SDK包,可以在官网下载。 2. 接着,创建一个BaiduMap对象,并调用其“getDirectionService()”方法获取一个DirectionSearch对象,该对象用于进行路线规划。 3. 调用DirectionSearch对象的“setFromLocation()”方法和“setToLocation()”方法设置起点和终点的经纬度坐标,然后调用“search()”方法发送请求。 4. 当接收到响应后,可以从DirectionSearch对象获取到路线规划结果,包括驾车距离等信息。 下面是一个简单的示例代码: ``` import com.baidu.mapapi.SDKInitializer; import com.baidu.mapapi.direction.DirectionSearch; import com.baidu.mapapi.model.LatLng; import com.baidu.mapapi.search.route.DrivingRoutePlanOption; import com.baidu.mapapi.search.route.DrivingRouteResult; import com.baidu.mapapi.search.route.OnGetRoutePlanResultListener; import com.baidu.mapapi.search.route.RoutePlanSearch; public class MapUtils { private static final String TAG = "MapUtils"; public static void getDrivingDistance(LatLng from, LatLng to, final OnGetDrivingDistanceListener listener) { SDKInitializer.initialize(App.mContext); DirectionSearch directionSearch = DirectionSearch.newInstance(); directionSearch.setOnGetRoutePlanResultListener(new OnGetRoutePlanResultListener() { @Override public void onGetDrivingRoutePlanResult(DrivingRoutePlanOption drivingRoutePlanOption, DrivingRouteResult drivingRouteResult) { if (drivingRouteResult != null && drivingRouteResult.getRouteLines() != null && drivingRouteResult.getRouteLines().size() > 0) { int distance = drivingRouteResult.getRouteLines().get(0).getDistance(); if (listener != null) { listener.onGetDrivingDistance(distance); } } else { if (listener != null) { listener.onGetDrivingDistance(-1); } } } @Override public void onGetTransitRoutePlanResult(...) {} @Override public void onGetWalkingRoutePlanResult(...) {} }); RoutePlanSearch search = RoutePlanSearch.newInstance(); search.drivingSearch(new DrivingRoutePlanOption() .from(from) .to(to)); } public interface OnGetDrivingDistanceListener { void onGetDrivingDistance(int distance); } } ``` 在上述代码,我们首先调用“SDKInitializer.initialize()”方法初始化百度地图SDK,然后创建一个DirectionSearch对象,并设置一个OnGetRoutePlanResultListener监听器,用于接收路线规划的结果。 接着,我们调用“RoutePlanSearch.drivingSearch()”方法发送路线规划请求,其设置起点和终点的经纬度坐标。 最后,在OnGetRoutePlanResultListener,我们从DrivingRouteResult对象获取驾车距离,并通过OnGetDrivingDistanceListener回调函数将结果返回。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

a_靖

对你有帮助吗?打赏鼓励一下?

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值