簡易代碼之家

            BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
            157 Posts :: 2 Stories :: 57 Comments :: 0 Trackbacks
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml">
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>獲取地區輪廓線</title>
          <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3">
          </script>
          <style type="text/css">
          body
          {font-size:13px;margin:10px}
          #container
          {width:800px;height:500px;border:1px solid gray}
          </style>
          </head>
          <body>
          <div id="container"></div>
          <br />
          輸入省、直轄市或縣名稱:
          <input type="text" id="districtName" style="width:80px" value="重慶市">
          <input type="button" onclick="getBoundary()" value="獲取輪廓線">

          <script type="text/javascript">
          var map = new BMap.Map("container");
          map.centerAndZoom(
          new BMap.Point(116.40376539.914850), 5);
          map.addControl(
          new BMap.NavigationControl({type: BMAP_NAVIGATION_CONTROL_SMALL}));
          map.enableScrollWheelZoom();

          function getBoundary(){       
              
          var bdary = new BMap.Boundary();
              
          var name = document.getElementById("districtName").value;
              bdary.get(name, 
          function(rs){       //獲取行政區域
                  map.clearOverlays();        //清除地圖覆蓋物       
                  var count = rs.boundaries.length; //行政區域的點有多少個
                  for(var i = 0; i < count; i++){
                      
          var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: "#ff0000"}); //建立多邊形覆蓋物
                      map.addOverlay(ply);  //添加覆蓋物
                      map.setViewport(ply.getPath());    //調整視野         
                  }
                          
              }
          );   
          }


          </script>
          </body>
          </html>

          轉自:http://www.cnblogs.com/milkmap/archive/2012/04/11/2442430.html
          posted on 2014-09-29 11:34 Jakin.zhou 閱讀(4632) 評論(0)  編輯  收藏

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 博客| 儋州市| 牙克石市| 红原县| 克东县| 昌邑市| 西城区| 金门县| 滁州市| 阳江市| 大厂| 秀山| 抚松县| 平原县| 邻水| 姚安县| 锡林浩特市| 昌宁县| 清河县| 乌拉特中旗| 繁昌县| 普兰店市| 潜山县| 儋州市| 陵水| 庆云县| 峨眉山市| 龙泉市| 凤台县| 临猗县| 得荣县| 东台市| 武宁县| 华亭县| 米脂县| 微山县| 得荣县| 陇西县| 天津市| 浦城县| 清丰县|