标签：text   实例化   arch   获取   参数   ati   lines   xlsx   view   

目标 ：需要通过路的名字，将道路在地图中绘制出。

查找路的信息

通过路名搜索路

http://restapi.amap.com/v3/road/roadname?key=yourkey&keywords=靖江路&city=022

通过路id搜索路

http://restapi.amap.com/v3/road/roadid?city=020&key=yourkey&id=022J50F0110263228

通过API自带接口查找路的信息

  var roadSearch = new AMap.RoadInfoSearch({ //构造地点查询类
            pageSize: 100,
            pageIndex: 1,
            city: "022"
        });
roadSearch.roadInfoSearchByRoadId('022J50F0110263228', function(status, result) {
     
}
roadSearch.roadInfoSearchByRoadName('靖江路', function(status, result) {
     
}                                                  

通过POI 直接绘制道路（此功能未详细研究）

https://ditu.amap.com/place/B0FFGQ7RGA

返回 RoadInfo 对象

将路径坐标集合绘制在地图中

//这只是一个示例
            for (let i = 0; i < result.roadInfo.length; i++) {
                const element = result.roadInfo[i];
                for (let j = 0; j < element.path.length; j++) {
                const path = element.path[j];
                const polyline = new AMap.Polyline({
                    path: path,  
                    borderWeight: 2, // 线条宽度，默认为 1
                    strokeColor: 'red', // 线条颜色
                    lineJoin: 'round' // 折线拐点连接处样式
                });
                map.add(polyline)
            }
            }


            map.setFitView();

参考文章：

1. 通过高德地图API获得某条道路上的所有坐标用于描绘道路
2. 高德地图开发文档中搜索服务
3. citycode下载地址

高德地图获取道路接口、并将道路绘制

标签：text   实例化   arch   获取   参数   ati   lines   xlsx   view   

原文地址：https://www.cnblogs.com/7fancier/p/11137464.html