不容易制做小程序流程_通过高德地图API获得某条

阅读  ·  发布日期 2021-01-05 11:33  ·  admin
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法       这篇文章主要介绍了通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

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

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

如果道路有分岔怎么办 每个分岔口都找出来然后不断调用导航接口吗 如果道路是弯曲而不是直线怎么办 导航走的是最近线路, 不一定会完全跟着某条路来走啊.

所以导航的方法并不完美. 我希望制找到的方法是最简单的, 通过路名就要找到整条道路的坐标数据. 但是这谈何容易 研究过高德地图的都知道, 在javascript api里有虽然有这个方法

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

那能不能调用javascript api的方法, 通过抓包看看他是怎样调用web api的呢 测试代码html如下.

 !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="lbs/static/main.css v=1.0" rel="external nofollow" / 
 script type="text/javascript"
 src="ma凡科抠图 v=1.3 key=您申请的key值" /script 
 style type="text/css" 
 #panel {
 position: absolute;
 background-color: white;
 max-height: 90%;
 overflow-y: auto;
 top: 10px;
 right: 10px;
 width: 280px;
 /style 
 /head 
 body 
 div id="mapContainer" /div 
 div id="panel" 
 /div 
 script type="text/javascript" 
 var map = new AMap.Map("mapContainer", {
 resizeEnable: true
 AMap.service(["AMap.RoadInfoSearch"], function() {
 var roadSearch = new AMap.RoadInfoSearch({ //构造地点查询类
 pageSize: 5,
 pageIndex: 1,
 city: "020"
 //关键字查询
 roadSearch.roadInfoSearchByRoadName('元岗路', function(status, result) {
 alert(result.roadInfo[0].path[0]);
 /script 

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

v3/road/roadname pageIndex=1 city=020 offset=5 key=608d75903d29ad471362f8c58c550daf s=rsv3 output=json keywords=%E5%85%83%E5%B2%97%E8%B7%AF callback=jsonp_749020_ platform=JS logversion=2.0 sdkversion=1.3 appname=http%3A%2F%%2Fapi%2Fjavascript-api%2Fexample%2Fpoi-search%2Finput-prompt%2F csid=C23EE7C1-3ADE-4366-AEF3-D45E622F8568

返回的信息里有一段非常有用的结果, 就是roads数组,

roads:[{id: "020F49F", name: "元岗路", citycode: "020", width: "12", type: "次要道路(城市次干道)",…},…]
0:{id: "020F49F", name: "元岗路", citycode: "020", width: "12", type: "次要道路(城市次干道)",…}

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

polylines:
0:"113.3395181,23.;113.3395219,23.;113.3395264,23.;113.3395328,23.;113.3395481,23.;113.3395786,23.;113.3396211,23.;113.3398214,23.;113.339885,23."
1:"113.3367803,23.1771625;113.3364894,23.;113.3362911,23.;113.3362022,23.;113.3361247,23.;113.3360547,23.;113.3359106,23.;113.3358153,23.;113.3357439,23.;113.3356853,23.;113.3356281,23.;113.3355678,23.;113.3355075,23.;113.3354678,23.;113.3354061,23.;113.335265,23.;113.3348517,23.;113.3347969,23.;113.3347408,23.177525;113.3346953,23.;113.334695,23."
2:"113.3416042,23.;113.3416194,23.1746825;113.3419189,23.;113.3421011,23.;113.3422519,23.;113.3422869,23.;113.3423011,23.;113.3423103,23."
...

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

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

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

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

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

v3/place/text keywords=北京大学 city=beijing output=xml offset=100 page=1 key= 用户的key extensions=all

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

v3/road/roadname city=020 key= 用户的key keywords=元岗路

到此这篇关于通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法的文章就介绍到这了,更多相关高德地图API描绘道路内容请搜索凡科以前的文章或继续浏览下面的