通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法

(编辑：jimmy 日期: 2024/10/30 浏览：2)

产品提出的一个需求是, 通过道路名字, 把道路描绘出来. 这功能在各大地图上都是可以看到的, 所以他们觉得做出来也很简单.

通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法

但是百度地图本身是没有任何接口可以查询这个信息. 网上能找到的方法, 无非都是通过导航接口, 定义道路的起点和终点进行描绘. 但这种方法只要仔细推敲就有不妥:

  1. 如果道路有分岔怎么办"_blank" href="http://lbs.amap.com/api/javascript-api/reference/search/" rel="external nofollow" >Amap.RoadInfoSearch这个方法

    但在web api里就只有搜索API, 搜索出来的对象是place对象, 里面的数据并不足以描绘道路.

    那能不能调用javascript api的方法, 通过抓包看看他是怎样调用web api的呢"htmlcode"> 

    <!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>
  <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main.css" rel="external nofollow" />
  <script type="text/javascript"
      src="/UploadFiles/2021-04-02/maps">


    抓包后获取到一条非常有用的信息, 有这么一条调用
    

    

    http://restapi.amap.com/v3/road/roadname"020F49F01004315432", name: "元岗路", citycode: "020", width: "12", type: "次要道路（城市次干道）",…},…]
    
0:{id: "020F49F01004315432", name: "元岗路", citycode: "020", width: "12", type: "次要道路（城市次干道）",…}
    

    

    

    进一步分析这个数组的第一个结果, 应该就是roadInfo对象,里面又存在一个polylines数组, 看起来非常像是一段段路的坐标列表.
    

    

    polylines:
    
0:"113.3395181,23.16999083;113.3395219,23.17012167;113.3395264,23.17016972;113.3395328,23.17021472;113.3395481,23.17026139;113.3395786,23.17032556;113.3396211,23.17040139;113.3398214,23.17073139;113.339885,23.17084444"
    
1:"113.3367803,23.1771625;113.3364894,23.17720583;113.3362911,23.17723556;113.3362022,23.17724806;113.3361247,23.17725278;113.3360547,23.17724611;113.3359106,23.17722222;113.3358153,23.17720611;113.3357439,23.17719806;113.3356853,23.17719639;113.3356281,23.17720111;113.3355678,23.17721056;113.3355075,23.17722611;113.3354678,23.17724111;113.3354061,23.17726389;113.335265,23.17732556;113.3348517,23.17749778;113.3347969,23.17751472;113.3347408,23.177525;113.3346953,23.17753139;113.334695,23.17753139"
    
2:"113.3416042,23.17464861;113.3416194,23.1746825;113.3419189,23.17532083;113.3421011,23.17574861;113.3422519,23.17612111;113.3422869,23.17621917;113.3423011,23.17629222;113.3423103,23.17636083"
    
...
    

    

    说到这里, 不得不提 一下地图的道路是怎么画出来的.只要将道路放大, 就会发现各大地图都是用直线一段一段地把整条道路描绘出来, 所以说, 很可能这一段一段的数据就是上面道路信息的数组!
    

    通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
    

    接下来就是要验证这个想法, 方法就是把上面得到的数组上的坐标, 放到高德地图拾取器里验证. 经过仔细验证, 果然数组的每组坐标列表, 就是代表一小段道路!
    

    既然这样就直接使用上面那个抓出来的restapi来用吧, 谁知道一把那个url放浏览器就傻眼了, 返回了以下东西.
    


    

    jsonp_749020_({"status":"0","info":"INVALID_USER_DOMAIN","infocode":"10006"})

    

    


    看来这接口不能这么照搬地调用啊, 必须找出高德web api的套路. 于是又参考了一下他的搜索API 是怎么使用的, 文档给出的例子是这样的:
    

    

    http://restapi.amap.com/v3/place/text?&keywords=北京大学&city=beijing&output=xml&offset=100&page=1&key=<用户的key>&extensions=all 
    

    

    

    既然这个rest api, 那我把place换成road就应该是查需road的信息, 而截取出来的URL的确有这么一段http://restapi.amap.com/v3/road/roadname , 那就把road替换了他的place, roadname替换他的text, keywords换成路名. 果然得到一条有正确返回的接口了! 虽然这接口他文档没写出来, 但还是被我揪出来了.
    

    

    http://restapi.amap.com/v3/road/roadname?city=020&key=<用户的key>&keywords=元岗路
上一篇：JS实现简易贪吃蛇游戏
下一篇：Node.js 中判断一个文件是否存在

最新资源