【高德地图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

示意图:

【高德地图API】如何获得行政区域?如何制作行政规划图?,布布扣,bubuko.com

时间: 2024-11-09 12:02:38

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

【高德地图API】从零开始学高德JS API(四)搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索

摘要: 地图服务,大家能想到哪些?POI搜素,输入提示,地址解析,公交导航,驾车导航,步行导航,道路查询(交叉口),行政区划等等.如果说覆盖物Marker是地图的骨骼,那么服务,就是地图的气血.有个各种各样的地图服务,我们的地图应用才能变得有血有肉,活灵活现. 第四篇拆成了几个要点,本篇主要讲搜索服务.包括周边搜索,关键词搜索,范围搜索,搜索提示(自动完成,输入提示),行政区域,交叉路口,检索自有数据(云图). demo:http://zhaoziang.com/amap/zero_4_1.ht

【高德地图API】如何制作自己的旅游地图?

原文:[高德地图API]如何制作自己的旅游地图? “旅行的梦想并不遥远,只要一颗流浪四方的心.”——唐人立. 最早认识唐人立的时候,他还是大二的学生.他独自完成了“南京20年规划地图”.几年前,他完成了自己的第一本著作,逃学去旅行<一个人走世界——大学4年200城的旅行>.而现在,他正执行着他的“辞职去旅行”计划.他好心的老板还多给他发了一个月的工资.从南京,到台湾,从曼谷到斯里兰卡……2个月来,唐人立走过太多地方.是他原创的图片和文字,让我渐渐对自助游产生了兴趣,并决定记录下旅游的每一刻.

百度地图API和高德地图API资料集锦

[高德地图API]从零开始学高德JS API(五)路线规划--驾车|公交|步行 [高德地图API]从零开始学高德JS API(四)搜索服务--POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索 [高德地图API]从零开始学高德JS API(三)覆盖物--标注|折线|多边形|信息窗口|聚合marker|麻点图|图片覆盖物 [高德地图API]从零开始学高德JS API(二)地图控件与插件--测距.圆形编辑器.鼠标工具.地图类型切换.鹰眼鱼骨 [高德地图API]从零开始学高德JS API

【高德地图API】从零开始学高德JS API(四)搜索服务

摘要:地图服务,大家能想到哪些?POI搜素,输入提示,地址解析,公交导航,驾车导航,步行导航,道路查询(交叉口),行政区划等等.如果说覆盖物Marker是地图的骨骼,那么服务,就是地图的气血.有个各种各样的地图服务,我们的地图应用才能变得有血有肉,活灵活现.第四篇拆成了几个要点,本篇主要讲搜索服务.包括周边搜索,关键词搜索,范围搜索,搜索提示(自动完成,输入提示),行政区域,交叉路口,检索自有数据(云图). demo:http://zhaoziang.com/amap/zero_4_1.html

【高德地图API】从零开始学高德JS API(一)地图展现

摘要:关于地图的显示,我想大家最关心的就是麻点图,自定义底图的解决方案了吧.在过去,marker大于500之后,浏览器开始逐渐卡死,大家都开始寻找解决方案,比如聚合marker啊,比如麻点图啊.聚合marker里面还有一些复杂的算法,而麻点图,最让大家头疼的,就是如何生成麻点图,如何切图,如何把图片贴到地图上,还有如何定位图片的位置吧.以前那么复杂的一系列操作,居然让云图的可视化操作一下子解决了.现在只要点一点鼠标,麻点图就自动生成了.真是广大LBS开发者的福音. 以前写过从零开始学百度地图AP

【高德地图API】一句话搞定webmap(一)——轻地图组件

摘要: 遥想当年,在APP中加入LBS元素相当困难:要刻苦学习java,要刻苦学习iOS开发,要刻苦学习javascript…… 而如今,要制作一张地图真是越来越容易了!竟然只需要一句话,就可以打点,导航,定位,显示交通流量等. 让我们一起来轻松一下吧~ ------------------------------------华丽分割线----------------------------------------- 一.标注 一句话代码: http://mo.amap.com/navi?des

【高德地图API】从零开始学高德JS API(三)覆盖物——标注|折线|多边形|信息窗口|聚合marker|麻点图|图片覆盖物

覆盖物,是一张地图的灵魂.有覆盖物的地图,才是完整的地图.在一张地图上,除了底层的底图(瓦片图,矢量图),控件(有功能可操作的工具),最重要最不可缺少的就是覆盖物了.覆盖物有多种,包括,标注.折线.多边形.信息窗口.聚合marker.麻点图和图片覆盖物.本文会详细介绍每一种覆盖物的概念,添加方法,修改方法,移除方法等.最后会提供示例和源代码下载. 示例demo:http://zhaoziang.com/amap/zero_3_1.html ----------------------------

【高德地图API】从零开始学高德JS API(三)覆盖物

摘要:覆盖物,是一张地图的灵魂.有覆盖物的地图,才是完整的地图.在一张地图上,除了底层的底图(瓦片图,矢量图),控件(有功能可操作的工具),最重要最不可缺少的就是覆盖物了.覆盖物有多种,包括,标注.折线.多边形.信息窗口.聚合marker.麻点图和图片覆盖物.本文会详细介绍每一种覆盖物的概念,添加方法,修改方法,移除方法等.最后会提供示例和源代码下载. 示例demo:http://zhaoziang.com/amap/zero_3_1.html -------------------------

【高德地图API】从零开始学高德JS API(六)——坐标转换

原文:[高德地图API]从零开始学高德JS API(六)--坐标转换 摘要:如何从GPS转到谷歌?如何从百度转到高德?这些都是小case.我们还提供,如何将基站cell_id转换为GPS坐标? ----------------------------------------------------------------------------------------- 第一部分 各种坐标系详解 1.大地坐标系统 WGS-84 用来表述地球上点的位置的一种地区坐标系统.它采用一个十分近似于地球自