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

  1. IOS 计算两个经纬度之间的距离

    IOS 计算两个经纬度之间的距离 一 丶 -(double)distanceBetweenOrderBy:(double) lat1 :(double) lat2 :(double) lng1 :(d ...

  2. AJPFX：求两个城市之间的距离

    键盘录入多个城市: 城市1,城市2,城市3  以 ### 结束输出然后再键盘录入各个城市之间的距离:  格式如下:0,12,4512,0,2245,22,0### 然后按照输入的两个城市,求得两个城市 ...

  3. PHP MYSQL 搜索周边坐标，并计算两个点之间的距离

    搜索附近地点,例如,坐标(39.91, 116.37)附近500米内的人,首先算出“给定坐标附近500米”这个范围的坐标范围. 虽然它是个圆,但我们可以先求出该圆的外接正方形,然后拿正方形的经纬度范围 ...

  4. reactjs中使用高德地图计算两个经纬度之间的距离

    第一步下载依赖 npm install --save react-amap 第二步,在组件中使用 import React, { Component } from 'react' import { L ...

  5. 计算两个经纬度之间的距离(python算法)

    EARTH_REDIUS = 6378.137 def rad(d): return d * pi / 180.0 def getDistance(lat1, lng1, lat2, lng2): r ...

  6. PHP计算两个坐标之间的距离

    <?php /** * 计算两点之间的距离 * @param $lng1 经度1 * @param $lat1 纬度1 * @param $lng2 经度2 * @param $lat2 纬度2 ...

  7. [转] 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 ...

  8. iOS 计算两个坐标之间的距离

    //第一个坐标 CLLocation *before=[[CLLocation alloc] initWithLatitude:29.553968 longitude:106.538872]; //第 ...

  9. mysql实现经纬度计算两个坐标之间的距离sql语句

    select *,(2 * 6378.137* ASIN(SQRT(POW(SIN(PI()*(111.86141967773438-latitude)/360),2)+COS(PI()*33.070 ...

随机推荐

  1. 廖雪峰Java1-3流程控制-3条件判断

    1.if条件判断的格式 if (条件) { 代码块 } if (条件) { 代码块1 } else { 代码块2 } if (条件1) { 代码块1 } else if { 代码块2 } else { ...

  2. for循环计算li的个数

    今天有一段代码 在ie6下面显示 我检查了一下代码,发现每for循环一次,就会重新计算li的个数,会拖慢运行速度,所以改成以下代码,ie6就正常了

  3. dos命令及github介绍

    dos命令:(不区分大小写)(尽量不要用汉字) 1.打开终端的快捷方式: window+r 输入cmd 或点击 开始栏 输入cmd 2.终端的目录:c盘默认 user/administator: 想在 ...

  4. Zabbix agentd 命令

    #zabbix_agentd -p 查看zabbix所有的内置监控项 [root@nod01 zabbix_agentd.d]# zabbix_agentd -pagent.hostname [s|Z ...

  5. IP地址基础

    第一台计算机的名字   1946年2月14日,世界上第一台电脑ENIAC在美国宾夕法尼亚大学诞生,名叫ENIAC(爱尼阿克). 第一个网络的名字: arpanet 计算机网络定义: 物理位置不同.功能 ...

  6. [UE4]UMG编辑器：控件作为变量、预设锚点和自由锚点

  7. 第7章 网络层协议（3）_ARP协议

    3. ARP协议 3.1 ARP(Address Resolution Protocol)协议的工作过程和安全隐患 (1)计算机A和C通信之前,先检查ARP缓存中是否有计算机C的IP地址对应的MAC地 ...

  8. mysql数据备份与操作

    物理备份: 直接复制数据库文件,适用于大型数据库环境.但不能恢复到异构系统中如Windows. 逻辑备份: 备份的是建表.建库.插入等操作所执行SQL语句,适用于中小型数据库,效率相对较低. 导出表: ...

  9. Java连接postgreSQL数据库，找不到表。

    postgreSQL数据库遵守SQL标准,表名库名不区分大小写. 数据库中是存在 gongan_address_ALL的表的,但是执行下列代码就会出错. stmt = c.createStatemen ...

  10. angularjs路由传递参数

    ui-sref.$state.go 的区别 ui-sref 一般使用在 <a>...</a>: $state.go('someState')一般使用在 controller里面 ...