【高德地图API】如何获得行政区域?如何制作行政规划图?

简介: 原文:【高德地图API】如何获得行政区域?如何制作行政规划图? 什么是行政规划图?如何获得每个行政区域的边界轮廓图?举例:重庆市 江北区。如图:   官方类参考:http://developer.

原文:【高德地图API】如何获得行政区域?如何制作行政规划图?

什么是行政规划图?如何获得每个行政区域的边界轮廓图?举例:重庆市 江北区。如图:

 

官方类参考:http://developer.amap.com/javascript/reference/search#Partition

 

行政规划代码:

    function byDistrict(){  
       var partition = new AMap.Partition();  //创建一个新的行政规划类
       partition.byDistrict(district,city,byDistricty_CallBack);  //行政规划查询
    } 

 

查询到行政规划图之后,需要把数据展示出来,这时用到回调函数:

 function byDistricty_CallBack(data){
        showTime();document.getElementById("textUniqId").value = data.uniqid;
        var resultStr="";  
        if(data.status =="E0")  
        {  
            var lineNum = data.list.length; //返回总数.  
            resultCount=lineNum;  
            var content="";  
             for(var i=0;i<lineNum;i++){  
                    content += "<div style=\"cursor:pointer;\" onmouseover=openMarkerTipById1(this) onmouseout=clearbackground(this) onclick=\"drawpolygon('"+data.list[i].coords+"','"+data.list[i].name+"')\"><dl>";  
                    content +="<dt>"+"区县名称:"+data.list[i].name+"<dt>区县代码:"+data.list[i].adcode+"</dt>"+"<dt>区县所属城市区号:"+data.list[i].citycode+"</dt>";  
                    content+="</dl></div>";  
             }  
                resultStr+=content;  
            }  
        else if(data.status =="E1")  
        {  
             resultStr = "未查找到任何结果!<br />建议:<br />1.请确保所有字词拼写正确。<br />2.尝试不同的关键字。<br />3.尝试更宽泛的关键字。";     
        }  
        else  
        {  
             resultStr= "错误信息:"+data.state+"请对照API Server v2.0.0 简明提示码对照表查找错误类型";  
        }  
        document.getElementById("result").innerHTML = resultStr;            
    }  

 

行政区域图是一个多边形,那么如何把这个多边形显示出来?使用多边形绘画函数:

    function drawpolygon(arr,name){  
        mapObj.clearMap();  
        var polygonArr = new Array();  
        var district = arr.split(";");  
        var lnglat = new Array();  
        for(var e=0;e<district.length-1;e++){  
            var lnglat=district[e].split(",");  
            polygonArr.push(new AMap.LngLat(lnglat[0],lnglat[1]));  
        }  
        polygon=new AMap.Polygon({     
            path:polygonArr,//设置多边形边界路径  
            strokeColor:"#0000ff", //线颜色  
            strokeOpacity:0.2, //线透明度   
            strokeWeight:3,    //线宽   
            fillColor: "#f5deb3", //填充色  
            fillOpacity: 0.35//填充透明度  
        });
        polygon.setMap(mapObj);  
        mapObj.setFitView();  
    }

 

示例链接:http://zhaoziang.com/amap/partition.html

示意图:

目录
相关文章
|
10月前
|
定位技术 API
高德地图web服务API接口开发:获取IP定位显示当前位置的天气预报解决方案
高德地图web服务API接口开发:获取IP定位显示当前位置的天气预报解决方案
285 0
|
9月前
|
JSON API 定位技术
C语言调用高德地图API
C语言调用高德地图API
124 0
|
9月前
|
存储 JavaScript 定位技术
高德地图- JS API 结合Vue使用
高德地图- JS API 结合Vue使用
157 0
|
10月前
|
JavaScript 前端开发 定位技术
地图开发实战案例:高德地图loca API 文字LabelsLayer效果
地图开发实战案例:高德地图loca API 文字LabelsLayer效果
188 0
|
10月前
|
XML JSON 前端开发
高德地图Web服务API的开发实例解析
高德地图Web服务API的开发实例解析
268 0
高德地图Web服务API的开发实例解析
|
10月前
|
JavaScript 定位技术 API
高德地图 API 开发 amap-vue
高德地图 API 开发 amap-vue
158 0
|
JavaScript 定位技术 API
学会在Vue项目中插入高德地图JS API与地图的相关设置,看这一篇就够了~(保姆级精简教学)
学会在Vue项目中插入高德地图JS API与地图的相关设置,看这一篇就够了~(保姆级精简教学)
1398 0
学会在Vue项目中插入高德地图JS API与地图的相关设置,看这一篇就够了~(保姆级精简教学)
|
4天前
|
JSON 搜索推荐 数据挖掘
电商数据分析的利器:电商关键词搜索API接口(标题丨图片丨价格丨链接)
淘宝关键词搜索接口为电商领域的数据分析提供了丰富的数据源。通过有效利用这一接口,企业和研究人员可以更深入地洞察市场动态,优化营销策略,并提升用户体验。随着电商平台技术的不断进步,未来的API将更加智能和个性化,为电商行业带来更多的可能性。
|
11天前
|
存储 缓存 运维
DataWorks操作报错合集之DataWorks根据api,调用查询文件列表接口报错如何解决
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
22 1
|
12天前
|
SQL 数据管理 API
数据管理DMS产品使用合集之阿里云DMS提供API接口来进行数据导出功能吗
阿里云数据管理DMS提供了全面的数据管理、数据库运维、数据安全、数据迁移与同步等功能,助力企业高效、安全地进行数据库管理和运维工作。以下是DMS产品使用合集的详细介绍。