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

1.5k 浏览量更新于2023-05-26 评论 3 收藏 186KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

主要介绍了通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们

下面随着小编来一起学习学习吧

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

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

1. 如果道路有分岔怎么办? 每个分岔口都找出来然后不断调用导航接口吗?

2. 如果道路是弯曲而不是直线怎么办? 导航走的是最近线路, 不一定会完全跟着某条路来走啊.

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

法

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

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

<!doctype html>

<html>

<head>

<title>关键字查询-使用默认皮肤</title>

src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script>

#panel {

position: absolute;

background-color: white;

max-height: 90%;

overflow-y: auto;

top: 10px;

right: 10px;

width: 280px;

}

</style>

</head>

<body>

</div>

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>

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

http://restapi.amap.com/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%2Flbs.amap.com%2Fapi%2Fjavascript-

api%2Fexample%2Fpoi-search%2Finput-prompt%2F&csid=C23EE7C1-3ADE-4366-AEF3-D45E622F8568

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

roads:[{id: "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"

...