高德地图行政区域划分

摘要:
高德的官方demoaddBeiJing();FunctionaddBeiJing(){//加载行政区划插件AMap.service(“AMap.DistrictSearch”,function(){varops={substrict:1,//返回下一级行政区域扩展名:“all”,//返回特定信息,如行政区域边界坐标组级别:“city”//将行政级别查询为city}//实例化Distr

高德官方的demo

 addBeiJing();
    function addBeiJing() {
        //加载行政区划插件
        AMap.service('AMap.DistrictSearch', function() {
            var opts = {
                subdistrict: 1,   //返回下一级行政区
                extensions: 'all',  //返回行政区边界坐标组等具体信息
                level: 'city'  //查询行政级别为 市
            };
            //实例化DistrictSearch
            district = new AMap.DistrictSearch(opts);
            district.setLevel('district');
            //行政区查询
            district.search('朝阳区', function(status, result) {
                var bounds = result.districtList[0].boundaries;
                var polygons = [];
                if (bounds) {
                    for (var i = 0, l = bounds.length; i < l; i++) {
                        //生成行政区划polygon
                        var polygon = new AMap.Polygon({
                            map: map,
                            strokeWeight: 1,
                            path: bounds[i],
                            fillOpacity: 0.7,
                            fillColor: '#CCF3FF',
                            strokeColor: '#CC66CC'
                        });
                        polygons.push(polygon);
                    }
                    map.setFitView();//地图自适应
                }
            });
        });
    }

把行政区和区块的颜色重新封装一下

addshanghai('徐汇区',"#ccc")
addshanghai("虹口区","#e4393c")
addshanghai("浦东新区","#cc66ff")
addshanghai("静安区","#FD9A4E")
  function addshanghai(area,color) {
        //加载行政区划插件
        AMap.service('AMap.DistrictSearch', function() {
            var opts = {
                subdistrict: 1,   //返回下一级行政区
                extensions: 'all',  //返回行政区边界坐标组等具体信息
                level: 'city'  //查询行政级别为 市
            };
            //实例化DistrictSearch
            district = new AMap.DistrictSearch(opts);
            district.setLevel('district');
            //行政区查询
            district.search(area, function(status, result) {
                var bounds = result.districtList[0].boundaries;
                var polygons = [];
                if (bounds) {
                    for (var i = 0, l = bounds.length; i < l; i++) {
                        //生成行政区划polygon
                        var polygon = new AMap.Polygon({
                            map: map,
                            strokeWeight: 1,
                            path: bounds[i],
                            fillOpacity: 0.7,
                            fillColor:color,
                            strokeColor: '#CC66CC'
                        });
                        polygons.push(polygon);
                    }
                    map.setFitView();//地图自适应
                }
            });
        });
    }

效果图:

高德地图行政区域划分第1张

想要什么样的行政区域,直接调用函数传参就可以了

免责声明:文章转载自《高德地图行政区域划分》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇ffmpeg命令汇总Linux 安装字体下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

高德地图出异常

1.申请的key不对: 2.win10的电脑浏览器问题,谷歌浏览器定位失败! IE需要版本比较高才可以!我试的是IE11版本. 用里面的edge浏览器去访问你的网站,能达到你的效果,就可以虚拟机装个系统。Windows10自带的edge浏览器,这个浏览器可以直接调用Windows系统的内置定位服务,应该能解决问题。...

----vue中使用高德地图实现搜索地址----

首先贴下百度扒的帖子,我是在这个基础上面封装的。 地址:https://www.jianshu.com/p/56979d9022d9 我修改了他得到数据之后的方法,他会把搜索到的地址全部显示在地图上,而我们只需要展示最精确的那一个。以下是代码:...

高德地图在h5项目中的集成(点标记)

关于高德地图在项目中的集成,网上已经有很多相关的很优秀的文章了,故本篇内容仅用于参考和巩固。 1.使用高德地图之前需要在高德开放平台(https://lbs.amap.com/dev/index)创建一个key 有这个key之后就可以进行开发了。 2.在项目中引入外部文件,将链接中的key替换自己的key就可以了 3.在文件中添加div标签座位容器,添...

高德地图获取当前屏幕中心点的经纬度

公司有个需求就是要随着屏幕的改变而载入附近的商户信息. 那么高德地图获取当前屏幕中心点的经纬度呢? 核心方法:aMap.setOnCameraChangeListener(this); 实现接口: @Overridepublic void onCameraChange(CameraPosition position) {LatLng target...

高德地图实现地址检索获取结果列表和坐标

高德开放平台http://lbs.amap.com/api/javascript-api/summary/ 之前使用百度地图API实现地址检索功能,获取检索结果并显示到我们自定义的列表中http://www.cnblogs.com/fozero/p/5924210.html 这里我们换成高德地图同样实现跟之前一样的功能,高德跟百度地图API还是有很大的区别...

android-------高德地图两点路线和多个点路线绘制

最近朋友需要两点路线和多个点路线绘制这个功能,帮忙弄了一下,写这篇博客与大家分享一下。 两点路线 是起点和终点两个经纬度点,高德绘制出路线,可以实现实线和虚线功能 效果图:        相关属性: mPolylineOptions = new PolylineOptions(); mPolylineOptions.set...