簡易代碼之家

:: 管理

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">

<head>

<title>獲取地區輪廓線</title>

</script>

body{font-size:13px;margin:10px}

#container{width:800px;height:500px;border:1px solid gray}

</style>

</head>

<body>

<br />

輸入省、直轄市或縣名稱：<input type="text" id="districtName" style="width:80px" value="重慶市">

var map = new BMap.Map("container");

map.centerAndZoom(new BMap.Point(116.403765, 39.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>

posted on 2014-09-29 11:34 Jakin.zhou 閱讀(4627) 評論(0) 編輯收藏