高德地图 API 计算两个城市之间的距离

1. 目前在项目中，遇到一个需求不会做，就是要计算两个城市之间的距离，而这两个城市的输入是可变的，如果要使用数据库来先存储两地之间的距离，调用的时候再来调用，那么存数据的时候，要哭的，因为光是省级区域，目前就是34个省级行政区，两个城市之间的距离，就是取任意两地之间的距离，那么按照排列组合的分析，就要有 34*33 = 1122 种排列组合方式，每个省有若干个城市，那这工作量就大了，所以需要寻找一种更为方便的方法来求两个城市之间的距离
2. 先看下需求：两个城市之间的距离，在数学中，两点之间的距离就是两点之间的直线长度，如果两点之间使用曲线链接，那么两点之间的距离就是曲线的长度；那么怎么样求两点之间的距离呢，首先，需要知道两点分别在哪里，所以，第一步，就是要获取这点之间的定位，准确的说，是先要找出这两个点在当前平面上的坐标，x坐标是多少，y坐标是多少，找出了(x1,y1),(x2,y2)之间的坐标后，就可使用公式：d = sqrt(（x1-x2 )²+ （y1-y2)² );来求直线距离了
3. 对应到两地之间的距离，就是要先确认两地的位置，也是就经纬度，经纬度一旦确定，定位就确定了，地球表面是一个球面，那么两地之间的距离就是一条弧线，根据弧线的计算公式，就可以把两地之间的距离算出来了，当然我们这个是有假设的，假设地球球面是光滑的，这样算下来的距离，会有一定的误差，但是从理论上是可行的

4. 自己按照地球表面的弧度来计算两地之间的距离，理论上是可行的，但是，目前网上有一些做好API，我们可以直接调用，就可以计算出两地之间的距离了，而且很好用。下面，我将使用高德地图的API 来计算两地之间的距离

4.1 按照上面所说的理论，要计算两地的距离，首先需要确认这两个点在哪里，那怎么确定呢？--------地球上一个点的定位，使用经纬度就可以了，经度和纬度定了，那么这个点也就定了

例如：我们要计算：重庆市到深圳市的距离

现在，我们需要获取重庆市和深圳市的经纬度

4.1. 1 来看高德地图API：要使用高德的API,首先需要注册一下成为高德用户，直接在百度里输入 ‘高德地图’ ，回车，然后进入 ‘高德开放平台 | 高德地图API’

4.1.2 然后在点击注册页面，注册一个用户

4.1.3 申请秘钥：

为什么要申请秘钥呢？因为你要使用高德地图的服务，而服务会以一个地址的形式发送到高德的服务器，高德的服务器会先确定你的身份，然后再确定是否处理你提交的东西；那高德地图怎么确定是否要受理这份请求呢，毕竟谁也不会吃饱了没事干，然后有求必应，处理完了还不知道是谁在发送请求；这里秘钥就器作用了，秘钥说白了就是一个字符串，是一个身份标识，是高德地图给注册它的用户的一个身份标识。你发送请求了，他先确定，哦，这是我的用户，然后才会进行处理，而且用户的请求是有限制的，每个用户每天最多只能请求多少次，每秒钟请求多少次，这都是有限制的。

秘钥申请 OK 之后，在你发送请求的同时，把秘钥放在请求的参数里，一起发送到高德地图的服务端，服务端返回请求结果，这样就可以使用了

4.1.4.1 获取起始点和结束点的经纬度（重庆和深圳的经纬度）

找到web 服务，如下：

4.1.4.2 我们将会用到以下两个模块：

4.1.4.3 请求地址：

4.1.4.4 请求返回的数据：

4.1.4.5 请求例子：

例如，我申请的秘钥是：key=3eac2241aca3b6f67079173fe3f3b8ec

然后申请的地点是：重庆市

那么我的服务请求就是： http://restapi.amap.com/v3/geocode/geo?address=重庆市&output=JSON&key=3eac2241aca3b6f67079173fe3f3b8ec

把上面的请求输入浏览器地址栏：http://restapi.amap.com/v3/geocode/geo?address=重庆市&output=JSON&key=3eac2241aca3b6f67079173fe3f3b8ec，得到以下结果：

这里得到重庆市的经纬度为：106.551556,29.563009

通过相同的方式，获取深圳市的经纬度为：114.057868,22.543099

4.1.4.6 计算两地之间的距离：

4.1.4.7 找到距离测量：

4.1.4.8 测距返回数据：

4.1.4.9 服务请求地址：

http://restapi.amap.com/v3/distance?origins=106.551556,29.563009&destination=114.057868,22.543099&output=json&key=3eac2241aca3b6f67079173fe3f3b8ec&type=1

在浏览器中输入：http://restapi.amap.com/v3/distance?origins=106.551556,29.563009&destination=114.057868,22.543099&output=json&key=3eac2241aca3b6f67079173fe3f3b8ec&type=1，请求结果如下：

所以，重庆市和深圳市之间的距离就是：1446881 米，合 1446.88 公里

查看下手机高德地图的导航结果：1445 公里，基本一致

5. 把距离测算写成代码：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <meta http-equiv="X-UA-Compatible" content="ie=edge">

     <script src="http://code.jquery.com/jquery-latest.js">

     </script>

     <title>Document</title>

     <script>

         $(function() {

             // 获取起始点和结束点的经纬度

             $("#btn2").on('click', function() {

                 var dizhi1 = $("#ostart").val();

                 var dizhi2 = $("#oend").val();

                 // var url = "http://restapi.amap.com/v3/geocode/geo?address=" + dizhi1 + "|" + dizhi2 + "&output=JSON&key=3eac2241aca3b6f67079173fe3f3b8ec&batch=true";

                 var url1 = "http://restapi.amap.com/v3/geocode/geo";

                 $.post(url1, {

                     address: dizhi1 + '|' + dizhi2,

                     output: 'JSON',

                     key: '3eac2241aca3b6f67079173fe3f3b8ec',

                     batch: true

                 }, function(data) {

                     $("#ospan").html(data.geocodes[0].location);

                     $("#osend").html(data.geocodes[1].location);

                 });

             });

             // 根据经纬度计算起始点和结束点的距离

             $("#btn").on('click', function() {

                 var st = $("#ospan").html();

                 var ed = $("#osend").html();

                 var url2 = "http://restapi.amap.com/v3/distance?origins=" + st + "&destination=" + ed + "&output=json&key=3eac2241aca3b6f67079173fe3f3b8ec&type=1"

                 $.get(url2, {}, function(data) {

                     $("#distance").html(data.results[0].distance);

                 });

             });

             $("#btn1").on('click', function() {

                 $("#ostart").val('');

                 $("#oend").val('');

                 $("#ospan").html('');

                 $("#osend").html('');

                 $("#distance").html('');

             });

         });

     </script>

 </head>

 <body>

     <input type="button" id="btn2" value="获取经纬度">

     <input type="button" id="btn" value="显示距离">

     <input type="button" id="btn1" value="清空">

     <p>起始地：<input type="text" value="" id="ostart"><span id="ospan"></span></p>

     <p>结束地：<input type="text" value="" id="oend"><span id="osend"></span></p>

     <p>两地距离：<span class="distance" id="distance"></span>米</p>

 </body>

 </html>

运行结果：

后记：

隔几个月后（2018/7/5日），我想，有没有可能不用先点击获取经纬度按钮，直接获取距离呢，这样想后，就需要把获取经纬度加载到第二个按钮中来了，我试了一下，不能写在回调函数外面，只能写在回调函数里面，想了一下，因为回调函数是ajax 请求，是异步处理机制，而写在回调函数外面的话，是同步处理机制，同步执行的时间比异步要早，所以不行，写在回调函数中就可以了，如下：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <meta http-equiv="X-UA-Compatible" content="ie=edge">

     <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

     <script src=""></script>

     </script>

     <title>Document</title>

     <script>

         $(function () {

             // 根据经纬度计算起始点和结束点的距离

             $("#btn").on('click', function () { // 选择框将触发事件改为change 即可

                 var dizhi1 = $("#ostart").val(); // 起始地点城市

                 var dizhi2 = $("#oend").val(); // 结束地点城市

                 var Odistance = 0; //定义两地距离变量

                 var url1 = "http://restapi.amap.com/v3/geocode/geo";

                 $.post(url1, {

                     address: dizhi1 + '|' + dizhi2,

                     output: 'JSON',

                     key: '3eac2241aca3b6f67079173fe3f3b8ec',

                     batch: true

                 }, function (data) {

                     var st = data.geocodes[0].location,

                         ed = data.geocodes[1].location;

                     var url2 = "http://restapi.amap.com/v3/distance?origins=" + st +

                         "&destination=" + ed +

                         "&output=json&key=3eac2241aca3b6f67079173fe3f3b8ec&type=1"

                     $.get(url2, {}, function (data) {

                         $("#distance").html(data.results[0].distance);

                         Odistance = data.results[0].distance;

                     });

                 });

             });

             $("#btn1").on('click', function () {

                 $("#ostart").val('');

                 $("#oend").val('');

                 $("#distance").html('');

             });

         });

     </script>

 </head>

 <body>

     <input type="button" id="btn" value="显示距离">

     <input type="button" id="btn1" value="清空">

     <p>起始地：

         <input type="text" value="" id="ostart">

     </p>

     <p>结束地：

         <input type="text" value="" id="oend">

     </p>

     <p>两地距离：

         <span class="distance" id="distance"></span>米</p>

 </body>

 </html>

运行结果：结果OK

高德地图 API 计算两个城市之间的距离的更多相关文章

IOS 计算两个经纬度之间的距离
IOS 计算两个经纬度之间的距离一丶 -(double)distanceBetweenOrderBy:(double) lat1 :(double) lat2 :(double) lng1 :(d ...
AJPFX：求两个城市之间的距离
键盘录入多个城市: 城市1,城市2,城市3 以 ### 结束输出然后再键盘录入各个城市之间的距离: 格式如下:0,12,4512,0,2245,22,0### 然后按照输入的两个城市,求得两个城市 ...
PHP MYSQL 搜索周边坐标，并计算两个点之间的距离
搜索附近地点,例如,坐标(39.91, 116.37)附近500米内的人,首先算出“给定坐标附近500米”这个范围的坐标范围. 虽然它是个圆,但我们可以先求出该圆的外接正方形,然后拿正方形的经纬度范围 ...
reactjs中使用高德地图计算两个经纬度之间的距离
第一步下载依赖 npm install --save react-amap 第二步,在组件中使用 import React, { Component } from 'react' import { L ...
计算两个经纬度之间的距离(python算法)
EARTH_REDIUS = 6378.137 def rad(d): return d * pi / 180.0 def getDistance(lat1, lng1, lat2, lng2): r ...
PHP计算两个坐标之间的距离
<?php /** * 计算两点之间的距离 * @param $lng1 经度1 * @param $lat1 纬度1 * @param $lng2 经度2 * @param $lat2 纬度2 ...
[转] PHP计算两个坐标之间的距离, Calculate the Distance Between Two Points in PHP
Calculate the Distance Between Two Points in PHP There are a lot of applications where it is useful ...
iOS 计算两个坐标之间的距离
//第一个坐标 CLLocation *before=[[CLLocation alloc] initWithLatitude:29.553968 longitude:106.538872]; //第 ...
mysql实现经纬度计算两个坐标之间的距离sql语句
select *,(2 * 6378.137* ASIN(SQRT(POW(SIN(PI()*(111.86141967773438-latitude)/360),2)+COS(PI()*33.070 ...

随机推荐

python之路——4
王二学习python的笔记以及记录,如有雷同,那也没事,欢迎交流,wx:wyb199594 复习 1.ASCII: 字母数字特殊字符,1个字节(8位)表示 Unicode :16位两个字节一个 ...
VLAN 及 GVRP 配置
一.VLAN配置 +进入vlan视图,如果指定的vlan没有创建则先创建它 [undo]vlan vlan_id undo vlan 剔除已创建的vlan VLAN_id:要进入的或要创建并进入的VL ...
[UE4]Overlay
Overlay容器的子控件叠加,没有z-order属性设置,只能在编辑器中调整前后层级,也不能设置位置.可以理解是Canvas Panel的简化控件
[UE4]行为树，组合节点：Selector和Sequence
行为树节点一.Composite组合节点: 1.Selector 要求比较低:只要有一个子节点成功就可以了. 只要子节点有一个返回true,则停止执行其它子节点,并且Selector返回true.如 ...
Unicode String to a UTF-8 TypedArray Buffer in JavaScript
https://coolaj86.com/articles/unicode-string-to-a-utf-8-typed-array-buffer-in-javascript/
Getting Physical With Memory.CPU如何操作内存
原文标题:Getting Physical With Memory 原文地址:http://duartes.org/gustavo/blog/ [注:本人水平有限,只好挑一些国外高手的精彩文章翻译一下 ...
Python NLTK——代码重用，F5运行py文件cmd闪退，invalid syntax
打开IDLE,对代码进行保存(Ctrl+S)后,代码都是可以运行的. 但是打开文件就会弹出cmd并闪退,截了好几次图发现报的是Invalid syntax的错. 后来发现应该在IDLE中新建一个fil ...
Vue中等待DOM或者数据完成在执行 --this.$nextTick()
虽然 Vue.js 通常鼓励开发人员沿着“数据驱动”的方式思考,避免直接接触 DOM,但是有时我们确实要这么做.比如一个新闻滚动的列表项.如果在这里需要操作dom, 应该是等待 Vue 完成更新 DO ...
得到某个method所在类
System.out.println(this.getClass().getMethod("testPrivate"));//public void mypss.MyTest.te ...
QNetworkAccessManager post()和get（）方法
GET方式提交的数据最多只能有1024字节,而POST则没有此限制. 大文件传输用post(),小文件用get(), 第一次接触Qt的Http项目,今天看了一下Post和Get的基本使用方法,就开始尝 ...

高德地图 API 计算两个城市之间的距离

高德地图 API 计算两个城市之间的距离的更多相关文章

随机推荐

热门专题