我們在使用百度地圖api想要展示蘇州市吳中區各鄉鎮的行政區范圍；

百度api有提供了“添加行政區劃”的示例：http://lbsyun.baidu.com/jsdemo.htm#c1_10

但該功能目前只能展示區級及以上范圍行政區劃

-------------------------------------------------------------------------------------------------------------------------------------

研究了百度行政區劃實現原理，它也是存儲了行政區邊界點集合，顯示時通過點集合繪制多邊形polygon，

那我們自己也可以按照這個邏輯來實現鄉鎮行政區劃的展示，

那現在的問題就是如何來獲取行政區邊界的點集；

從百度地圖api V1.1版本，polygon類提供了enableEditing()功能，我們可以在地圖上拖動編輯邊界點，

然后，再通過polygon類提供的getPath()方法返回邊界點數組，

將我們自己編輯過的邊界點數組存儲起來，就實現了行政區劃的數字話工作（當然，這個數字話比起專業的GIS平臺還是有差距）

<script type="text/javascript">// 百度地圖API功能var map = new BMap.Map("allmap"); // 創建Map實例map.centerAndZoom(new BMap.Point(120.49, 31.15), 12); // 初始化地圖,設置中心點坐標和地圖級別map.addControl(new BMap.MapTypeControl()); //添加地圖類型控件map.setCurrentCity("蘇州"); // 設置地圖顯示的城市 此項是必須設置的map.enableScrollWheelZoom(true); //開啟鼠標滾輪縮放map.enableContinuousZoom(true); //啟用地圖慣性拖拽，默認禁用map.addControl(new BMap.NavigationControl()); //添加默認縮放平移控件map.addControl(new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT })); //向地圖中添加比例尺控件 //------------------------ 顯示鎮級范圍 ------------------var polygons = [];function getBoundary() {//var bdary = new BMap.Boundary();//bdary.get("蘇州市吳中區", function (rs) { //獲取行政區域// //map.clearOverlays(); //清除地圖覆蓋物 // var count = rs.boundaries.length; //行政區域的點有多少個// if (count === 0) {// alert('未能獲取當前輸入行政區域');// return;// }// var pointArray = [];// for (var i = 0; i < count; i++) {// var ply = new BMap.Polygon(rs.boundaries[i], { strokeWeight: 2, strokeColor: "#ff0000" }); //建立多邊形覆蓋物// ply.enableEditing(); //范圍可編輯// map.addOverlay(ply); //添加覆蓋物// pointArray = pointArray.concat(ply.getPath());// }// map.setViewport(pointArray); //調整視野 // addlabel();//});var areas = [];var dongshan = "120.3651,31.019986;120.34469,31.038057;120.336067,31.043751;120.340091,31.051423;120.336929,31.058106;120.34814,31.05959;120.354177,31.066767;120.365675,31.072458;120.363663,31.081861;120.366537,31.087551;120.376311,31.090273;120.384935,31.093241;120.392983,31.113278;120.403332,31.119213;120.411668,31.116988;120.417992,31.108331;120.421442,31.102394;120.43064,31.098931;120.439552,31.106352;120.442749,31.108377;120.44645,31.109769;120.448283,31.108748;120.450511,31.107821;120.460931,31.105347;120.468297,31.103523;120.47516,31.102008;120.475484,31.101652;120.468297,31.088046;120.463123,31.074685;120.452775,31.06454;120.43409,31.032116;120.428916,31.022957;120.429203,30.997206;120.389246,30.997453;120.382635,31.001168;120.381485,31.009587";var dongshan_sml = "120.311273,31.030693;120.308255,31.027723;120.301212,31.029579;120.298481,31.026609;120.296613,31.024257;120.2969,31.02141;120.292301,31.021657;120.274335,31.024133;120.278216,31.02797;120.285114,31.027227;120.289139,31.029579;120.292876,31.035025;120.297906,31.041832;120.306818,31.04109";var linhu = "120.475807,31.102039;120.480837,31.112551;120.483568,31.117621;120.48709,31.120697;120.505262,31.121856;120.513886,31.122104;120.514461,31.117899;120.521648,31.116663;120.523372,31.123588;120.530271,31.126061;120.525672,31.136447;120.525959,31.144359;120.526247,31.15326;120.525977,31.161229;120.527702,31.170746;120.529238,31.18049;120.52834,31.183889;120.526417,31.18375;120.522734,31.183564;120.518422,31.183255;120.510014,31.182761;120.499306,31.182421;120.49945,31.193264;120.488814,31.191905;120.485796,31.188445;120.480047,31.180784;120.471567,31.172372;120.450933,31.149057;120.442884,31.142134;120.43506,31.136771;120.446414,31.126834;120.44972,31.123031;120.450511,31.119878;120.450187,31.11657;120.448858,31.111191;120.446989,31.110016;120.447852,31.109336;120.452127,31.107666;120.463841,31.104883";var hengjing = "120.573025,31.130466;120.569576,31.117606;120.547729,31.095345;120.532494,31.090892;120.530482,31.095839;120.537668,31.106724;120.520133,31.11167;120.523363,31.123588;120.530289,31.126026;120.525582,31.136412;120.526085,31.161322;120.529283,31.180386;120.526579,31.19033;120.525259,31.193979;120.523534,31.197809;120.516635,31.201886;120.514573,31.207303;120.516922,31.21004;120.519653,31.209917;120.522096,31.214117;120.522191,31.220151;120.526072,31.220398;120.535701,31.219162;120.544613,31.208662;120.557261,31.183703;120.56186,31.173569;120.572209,31.171839;120.580545,31.168626;120.597172,31.161125;120.584811,31.149259;120.5782,31.140852;120.575038,31.135659"var yuexi = "120.561523,31.243425;120.576471,31.223602;120.586819,31.225578;120.601839,31.228604;120.60033,31.238979;120.607013,31.237003;120.610103,31.233607;120.612116,31.234224;120.61614,31.236324;120.633819,31.236077;120.637843,31.236571;120.639424,31.226319;120.646323,31.225825;120.646323,31.219896;120.636837,31.215264;120.632206,31.211419;120.630913,31.204377;120.631631,31.194616;120.628182,31.186337;120.619989,31.175339;120.601879,31.15853;120.579831,31.168912;120.572141,31.171816;120.561811,31.173747;120.556924,31.183757;120.544707,31.208593;120.535364,31.21897;120.538526,31.22811;120.543126,31.234533;120.554624,31.233792;";var xukou = "120.46341,31.262179;120.459961,31.271316;120.465135,31.274032;120.476346,31.267612;120.491581,31.261685;120.507104,31.260697;120.513643,31.261994;120.514434,31.248596;120.508972,31.248473;120.511056,31.241248;120.511775,31.237729;120.515512,31.233591;120.52198,31.232974;120.522123,31.225069;120.52701,31.220498;120.52198,31.219881;120.522052,31.213889;120.519321,31.21006;120.517021,31.210183;120.515009,31.207465;120.516159,31.201906;120.523345,31.197705;120.526363,31.191033;120.528376,31.183865;120.499342,31.18263;120.499486,31.19338;120.487988,31.192145;120.488563,31.195975;120.491868,31.20277;120.491006,31.213642;120.484107,31.223895;120.477208,31.223278;120.47189,31.225624;120.457302,31.226304;120.450403,31.225192;120.458955,31.2318;120.4453,31.234517;120.440845,31.236247;120.442282,31.239211;120.436102,31.243286;120.429203,31.246744;120.428987,31.249522;120.428987,31.249399;120.429275,31.249646;120.432149,31.252857;120.437826,31.25156;120.442282,31.248473;120.4476,31.244151;120.467938,31.237049;120.468513,31.239149;120.463985,31.244645";var mudu = "120.535356,31.21917;120.538446,31.228002;120.54283,31.234424;120.554544,31.233869;120.561514,31.243193;120.562664,31.252146;120.574019,31.256962;120.576031,31.260296;120.565961,31.269896;120.564811,31.283229;120.537512,31.279679;120.535212,31.293504;120.530325,31.295973;120.529741,31.302484;120.516815,31.297454;120.51509,31.301403;120.511928,31.303378;120.511928,31.304612;120.509916,31.302638;120.510203,31.297701;120.505029,31.294492;120.495543,31.297701;120.496405,31.306834;120.488644,31.310536;120.485769,31.316706;120.479733,31.31794;120.469384,31.319668;120.462198,31.321642;120.450987,31.319668;120.447959,31.30631;120.438186,31.292486;120.415189,31.27792;120.415594,31.261407;120.432158,31.252825;120.438051,31.251529;120.447537,31.244304;120.468091,31.236833;120.468594,31.239303;120.463922,31.244675;120.463276,31.262333;120.45997,31.271284;120.465,31.274185;120.476427,31.26758;120.49195,31.26153;120.507041,31.260543;120.513653,31.262271;120.514515,31.248627;120.509053,31.248503;120.511712,31.237883;120.515449,31.233622;120.522061,31.233004;120.522133,31.225037;120.526948,31.220529";var xiangshan = "120.401158,31.25376;120.400735,31.258946;120.415575,31.261415;120.418513,31.259849;120.420714,31.258822;120.422043,31.258097;120.424981,31.256515;120.424981,31.256515;120.432095,31.25281;120.428933,31.249353;120.429328,31.246559;120.436371,31.243101;120.442192,31.239149;120.440683,31.236247;120.44521,31.234456;120.458721,31.231738;120.449451,31.224204;120.445857,31.224636;120.442911,31.223339;120.416968,31.214631;120.397277,31.221795;120.386785,31.216236;120.377299,31.216854;120.37428,31.2024;120.376724,31.201535;120.373849,31.191156;120.370543,31.19128;120.367525,31.192268;120.363644,31.188808;120.360914,31.188561;120.35732,31.18609;120.347259,31.174968;120.35114,31.173237;120.349128,31.170395;120.343091,31.171013;120.338348,31.173855;120.343666,31.178552;120.345822,31.17608;120.355308,31.186584;120.353583,31.189426;120.353871,31.192145;120.356745,31.192145;120.360051,31.193874;120.36077,31.200423;120.362926,31.203141;120.365513,31.204377;120.372124,31.202523;120.375143,31.216854;120.366806,31.222042;120.367786,31.226867;120.370948,31.229585;120.37428,31.233776;120.383191,31.237976;120.391815,31.237976;120.399505,31.242275;120.403673,31.250549";var jinting = "120.33966,31.16783;120.339947,31.157448;120.343397,31.152998;120.349433,31.155964;120.354895,31.15547;120.361506,31.150278;120.364094,31.140882;120.366968,31.134453;120.35087,31.118379;120.343684,31.119121;120.333623,31.110959;120.320112,31.108733;120.312064,31.096365;120.306027,31.088943;120.30574,31.079046;120.304302,31.072118;120.304302,31.065437;120.282456,31.070881;120.250835,31.077314;120.25256,31.088201;120.256584,31.096117;120.25256,31.097354;120.244511,31.096859;120.245373,31.102054;120.237612,31.104528;120.228701,31.108485;120.217203,31.111454;120.212028,31.119121;120.201967,31.122089;120.19938,31.130744;120.208866,31.131733;120.222089,31.130744;120.23675,31.131486;120.246811,31.139399;120.262621,31.147311;120.274694,31.152256;120.280156,31.159673;120.276994,31.167336;120.27182,31.173763;120.274407,31.182661;120.279868,31.180436;120.281593,31.173268;120.279868,31.169066;120.282743,31.162392;120.30114,31.162639;120.295966,31.168077;120.287055,31.171044;120.293666,31.175493;120.300853,31.186121;120.306027,31.182908;120.306602,31.177223;120.314938,31.179448;120.312639,31.174504;120.307752,31.160909;120.311489,31.1572;120.321837,31.157448;120.320112,31.162886";var guangfu = "120.448067,31.306618;120.432113,31.306495;120.420327,31.311431;120.421477,31.332901;120.40078,31.333148;120.397331,31.335616;120.375484,31.331174;120.379796,31.325745;120.358524,31.324018;120.363986,31.316367;120.350296,31.310567;120.352451,31.307606;120.358919,31.305508;120.362081,31.306001;120.364812,31.307852;120.364668,31.304397;120.355614,31.299337;120.354895,31.301805;120.349433,31.300694;120.346127,31.296745;120.338797,31.291067;120.337072,31.288228;120.341384,31.282673;120.339228,31.274279;120.329599,31.276254;120.316663,31.280328;120.316519,31.277241;120.3181,31.275019;120.316519,31.270451;120.318963,31.269217;120.319538,31.266871;120.334917,31.264772;120.34584,31.267488;120.352883,31.269834;120.357769,31.272427;120.360644,31.269093;120.367112,31.268476;120.371855,31.26292;120.37746,31.265513;120.38091,31.265266;120.384503,31.26934;120.388527,31.271562;120.391833,31.269711;120.39442,31.266871;120.400888,31.258969;120.415584,31.261469;120.415441,31.277735;120.438006,31.292301";var luzhi = "120.87071,31.317417;120.86223,31.311;120.858924,31.301374;120.855187,31.290882;120.850588,31.288167;120.843833,31.290759;120.838802,31.294956;120.814656,31.299522;120.809769,31.291253;120.805314,31.285698;120.81135,31.280637;120.812069,31.275946;120.809338,31.273106;120.80517,31.272983;120.792809,31.274217;120.784329,31.273477;120.780592,31.268662;120.779155,31.262612;120.778005,31.254339;120.769884,31.246065;120.765716,31.247918;120.761979,31.249399;120.760111,31.247485;120.758242,31.24693;120.752637,31.245448;120.748181,31.242607;120.746097,31.239335;120.759751,31.232665;120.775562,31.224266;120.786485,31.217349;120.78476,31.211172;120.78052,31.206601;120.780664,31.200423;120.791372,31.194925;120.796762,31.193319;120.798558,31.191527;120.798918,31.189736;120.796905,31.185658;120.807326,31.179232;120.818105,31.193813;120.822992,31.198385;120.830322,31.201597;120.841964,31.20728;120.865248,31.217287;120.875309,31.213334;120.881346,31.214569;120.888964,31.215434;120.902905,31.216546;120.902905,31.220375;120.906355,31.220869;120.907217,31.22581;120.904343,31.234333;120.901899,31.240261;120.898306,31.245818;120.895144,31.244583;120.892557,31.260389;120.887095,31.273847;120.887526,31.290265;120.880915,31.290882;120.878903,31.295696;120.879334,31.299275;120.880196,31.306804;120.87804,31.311493";areas.push(dongshan);areas.push(dongshan_sml);areas.push(linhu);areas.push(hengjing);areas.push(yuexi);areas.push(xukou);areas.push(mudu);areas.push(xiangshan);areas.push(jinting);areas.push(guangfu);areas.push(luzhi);colors = ["#fff492", "#fff492", "#98d057", "#e19ee6", "#1ad3da", "#ffc11d", "#98e800", "#b95817", "#03a9f4", "#39d0a4", "#8bbb53"];var pointArray = [];for (var i = 0; i < areas.length; i++) {var ply = new BMap.Polygon(areas[i], { strokeWeight: 2, strokeColor: "#ff0000" }); //建立多邊形覆蓋物ply.setFillColor(colors[i]) //設置多邊形的填充顏色ply.setFillOpacity(0.35);polygons.push(ply); //加入多邊形數組，以之后獲取多邊形邊界點集//if (i == 3)//{// ply.enableEditing(); //范圍可編輯 【編輯的時候開啟】//}map.addOverlay(ply); //添加覆蓋物pointArray = pointArray.concat(ply.getPath());}map.setViewport(pointArray); //調整視野 addlabel();}setTimeout(function () {getBoundary();}, 2000);function addlabel() {var pointArray = [new BMap.Point(120.384935, 31.063241), //東山鎮new BMap.Point(120.484461, 31.140899), //臨湖鎮new BMap.Point(120.528582, 31.159412), //橫涇鎮new BMap.Point(120.588424, 31.216319), //越溪鎮new BMap.Point(120.486159, 31.241906), //胥口鎮new BMap.Point(120.500029, 31.281492), //木瀆鎮new BMap.Point(120.403673, 31.240549), //香山鎮new BMap.Point(120.288866, 31.131733), //金庭鎮new BMap.Point(120.387959, 31.306318), //光福鎮new BMap.Point(120.818048, 31.251493) //甪直鎮]; var optsArray = [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}];var labelArray = [];var contentArray = ["東山鎮", "臨湖鎮", "橫涇鎮", "越溪鎮", "胥口鎮", "木瀆鎮", "香山鎮","金庭鎮","光福鎮", "甪直鎮"];for (var i = 0; i < pointArray.length; i++) {optsArray[i].position = pointArray[i];labelArray[i] = new BMap.Label(contentArray[i], optsArray[i]);labelArray[i].setStyle({color: "red",fontSize: "12px",height: "20px",lineHeight: "20px",fontFamily: "微軟雅黑"});map.addOverlay(labelArray[i]);}}//獲取編輯后的邊界點集【編輯完后，可以通過 button 來觸發這個方法】function getpoints() {for (var j = 0; j < polygons.length; j++) {var polyline =polygons[j];var pts = polyline.getPath();var sss = "";for (var i = 0; i < pts.length; i++) {sss += pts[i].lng + "," + pts[i].lat + ";";}console.log(sss); //【將點集輸出到控制臺】}alert('已輸出邊界點集合!');} </script>

風雲

百度地圖api 區級以下行政區劃

我們在使用百度地圖api想要展示蘇州市吳中區各鄉鎮的行政區范圍；

百度api有提供了“添加行政區劃”的示例：http://lbsyun.baidu.com/jsdemo.htm#c1_10

但該功能目前只能展示區級及以上范圍行政區劃

-------------------------------------------------------------------------------------------------------------------------------------

研究了百度行政區劃實現原理，它也是存儲了行政區邊界點集合，顯示時通過點集合繪制多邊形polygon，

那我們自己也可以按照這個邏輯來實現鄉鎮行政區劃的展示，

那現在的問題就是如何來獲取行政區邊界的點集；

從百度地圖api V1.1版本，polygon類提供了enableEditing()功能，我們可以在地圖上拖動編輯邊界點，

然后，再通過polygon類提供的getPath()方法返回邊界點數組，

將我們自己編輯過的邊界點數組存儲起來，就實現了行政區劃的數字話工作（當然，這個數字話比起專業的GIS平臺還是有差距）

效果：

將邊界點集輸出到控制臺：

最后將邊界點集合存儲下來，或者像我這邊一樣，直接寫在js初始化函數里。

總結

以上是生活随笔為你收集整理的百度地图api 绘制乡镇边界的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。