在Google地图中显示行政区边界

现在的位置: 首页 > 综合 > 正文

RSS

在Google地图中显示行政区边界

2012年03月21日 ⁄ 综合 ⁄ 共 3262字 ⁄ 字号小中大 ⁄ 评论关闭

不知道从什么时候开始，在Google地图或是百度地图中用城市或者省名称搜索的时候，你会发现地图上会勾勒出搜索的行政区的轮廓来，这个功能非常人性化。

比如在百度地图中搜索“广西” ，地图显示如下图所示：

在Google地图中搜索“桂林”，会定位到桂林市的中心坐标，需要把地图级别调小，才能看到如下图的效果

如何实现上面的效果的，据我所知百度API已经开放了获取行政区边际坐标的接口，相关说明可以参考

http://dev.baidu.com/wiki/map/index.php?title=Class:%E5%9F%BA%E7%A1%80%E7%B1%BB/Boundary

这里有一篇关于如何获取行政区域的边界？的文章，本人根据这篇文章提供的代码稍作修改，把中国省市（地级市）边界坐标收入囊中

View Code

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3     
 4     <head>
 5         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 6         <title>获取地区轮廓线</title>
 7         <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
 8         <script type="text/javascript" src="http://api.map.baidu.com/library/CityList/1.2/src/data/CityData.js"></script>
 9         <style type="text/css">
10             body {
11                 font-size:13px;
12                 margin:10px
13             }
14             #container {
15                 width:800px;
16                 height:500px;
17                 border:1px solid gray
18             }
19         </style>
20     </head>
21     
22     <body>
23         <div id="container"></div>
24         <div id="event_descr"></div>
25         <br />输入省、直辖市或县名称：
26         <input type="text" id="districtName" style="width:80px" value="桂林市">
27         <input type="button" onclick="getBoundary()" value="获取轮廓线">
28         <script type="text/javascript">
29             var fso = new ActiveXObject("Scripting.FileSystemObject");
30             var folderName = "B:\\china\\";
31             if (!fso.FolderExists(folderName)) fso.CreateFolder(folderName);
32             var map = new BMap.Map("container");
33             map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 5);
34             map.addControl(new BMap.NavigationControl({
35                 type: BMAP_NAVIGATION_CONTROL_SMALL
36             }));
37             map.enableScrollWheelZoom();
38             //直辖市 
39             if (cityData.municipalities && cityData.municipalities.length > 0) {
40                 for (var i = 0, n = cityData.municipalities.length; i < n; i++) {
41                     var mu = cityData.municipalities[i];
42                     getBoundary(mu.n, "");
43                 }
44             }
45             // 普通省
46             for (var i = 0, n = cityData.provinces.length; i < n; i++) {
47                 var pv = cityData.provinces[i];
48                 var newFolderName = "B:\\china\\" + pv.n
49                 if (!fso.FolderExists(newFolderName)) newFolderName = fso.CreateFolder("B:\\china\\" + pv.n);
50                 getBoundary(pv.n, "");
51                 for (var j = 0, m = pv.cities.length; j < m; j++) {
52                     getBoundary(pv.cities[j].n, pv.n);
53                 }
54 
55             }
56 
57             // 其他地区
58             if (cityData.other && cityData.other.length > 0) {
59                 for (var i = 0, n = cityData.other.length; i < n; i++) {
60                     var oth = cityData.other[i];
61                     getBoundary(oth.n, "");
62                 }
63 
64             }
65 
66             function getBoundary(name, pvName) {
67                 var bdary = new BMap.Boundary();
68 
69                 bdary.get(name, function (rs) { //获取行政区域
70                     //  map.clearOverlays(); //清除地图覆盖物       
71                     //  var count = rs.boundaries.length; //行政区域的点有多少个
72                     //  for (var i = 0; i < count; i++) {
73                     //      var ply = new BMap.Polygon(rs.boundaries[i], {
74                     //           strokeWeight: 2,
75                     //           strokeColor: "#ff0000"
76                     //       }); //建立多边形覆盖物
77                     //       map.addOverlay(ply); //添加覆盖物
78                     //     map.setViewport(ply.getPath()); //调整视野         
79 
80                     //  }
81                     var fileName = "";
82                     var newFileObject = null;
83                     if (pvName == "") newFileObject = fso.CreateTextFile("b:\\china\\" + name + ".txt", true)
84                     else newFileObject = fso.CreateTextFile("b:\\china\\" + pvName + "\\" + name + ".txt", true);
85 
86                     newFileObject.write(rs.boundaries[0]);
87                     newFileObject.Close();
88                     //  eventsTable.innerHTML = rs.boundaries[0].length +':'+ rs.boundaries[0];
89                 });
90             }
91         </script>
92     </body>
93 
94 </html>