JS高德地图计算两地之间的实际距离

这个是通过导航的方式来获取两地之间的实际距离，和消耗的时间（key值自己去申请哈）

<!doctype html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"><title>位置经纬度 + 驾车规划路线</title><style type="text/css">html,body,#container {width: 100%;height: 100%;}</style><style type="text/css">#panel {position: fixed;background-color: white;max-height: 90%;overflow-y: auto;top: 10px;right: 10px;width: 280px;}#panel .amap-call {background-color: #009cf9;border-top-left-radius: 4px;border-top-right-radius: 4px;}#panel .amap-lib-driving {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;overflow: hidden;}</style><link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" /><script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script><script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.12&key=你的key值&plugin=AMap.Driving"></script><script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>
<body>
<div id="container"></div>
<div id="panel"></div>
<script type="text/javascript">//基本地图加载var map = new AMap.Map("container", {resizeEnable: true,center: [116.397428, 39.90923],//地图中心点
        zoom: 13 //地图显示的缩放级别
    });//构造路线导航类var driving = new AMap.Driving({map: map,panel: "panel"}); // 根据起终点经纬度规划驾车导航路线
    driving.search(new AMap.LngLat(116.379028, 39.865042), new AMap.LngLat(116.427281, 39.903719), function(status, result) {// result 即是对应的驾车导航信息，相关数据结构文档请参考  https://lbs.amap.com/api/javascript-api/reference/route-search#m_DrivingResultif (status === 'complete') {console.log(result);log.success('绘制驾车路线完成');console.log(result);console.log(result.routes[0].distance);//获取两地之间的导航的实际距离（米）
            console.log(result.routes[0].time);//获取两地之间距离所需要的时间（分钟）
        } else {log.error('获取驾车数据失败：' + result)}});
</script>
</body>
</html>

结果如下图：

转载于:https://www.cnblogs.com/LoveQin/p/10219061.html

JS高德地图计算两地之间的实际距离相关推荐

Java对接高德地图计算距离_高德地图计算两点之间的距离java+html
高德地图现在使用比较多了,但是高德地图计算两点之间的距离有些问题.下面提供一个很好的解决方案. 代码如下: /** * 两点的经纬度获取两点距离米 * @param (121.293986,37.27 ...
高德地图计算两坐标之间距离
转载自:http://blog.csdn.net/jianggujin/article/details/72833711 如要转载请写明原创地址 Java实现 Javascript实现 MySQL实现 ...
php高德地图计算距离接口,高德地图计算两坐标之间距离
最近在做与地图相关的应用,使用了高德地图,研究了下高德地图计算两坐标距离的方法,官网上提供的开发包中有相关的方法,但是我的产品中比较特殊,无法直接使用提供的方法,所以就自己封装了相关计算方法,供大家参 ...
php地图距离计算,php百度地图计算两地现实距离
请自行到百度地图官网申请您的ak   <!--<html lang=& ...
高德地图获取坐标距离_利用java、js或mysql计算高德地图中两坐标之间的距离
前言因为工作的原因,最近在做与地图相关的应用,使用了高德地图,研究了下高德地图计算两坐标距离的方法,官网上提供的开发包中有相关的方法,但是我的产品中比较特殊,无法直接使用提供的方法,所以就自己封装了 ...
JAVA利用数组求两点距离_利用java、js或mysql计算高德地图中两坐标之间的距离
利用java.js或mysql计算高德地图中两坐标之间的距离 2019-09-19 编程之家收集整理的这篇文章主要介绍了利用java.js或mysql计算高德地图中两坐标之间的距离,编程之家小编觉得挺 ...
java获得百度地图驾车距离_如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)...
以下是使用js代码实现百度地图计算两地距离,代码如下所示: 出发城市 name="Area"> -省份- -城市- -县- setup(document.getElement ...
Java-高德地图根据经纬度计算两坐标之间的直线距离
Java-高德地图根据经纬度计算两坐标之间的直线距离最近在做毕设项目,项目打卡需要用到高德地图,看了下高德地图计算两坐标距离的方法,官网上提供的开发包中也有相关的方法. /**** @author ...
python计算两地之间的开车时间，保存到Excel中
文章目录一.去[百度地图开发平台](https://lbsyun.baidu.com/apiconsole/key/create#/home)申请API的AK 二.代码三.效果四.生成可执行的e ...

JS高德地图计算两地之间的实际距离

JS高德地图计算两地之间的实际距离相关推荐

最新文章

热门文章