將以下代碼粘貼到網址https://lbs.amap.com/api/javascript-api/example/district-search/draw-district-boundaries/的源代碼編輯器中,點擊運行。注意:如果沒有申請賬號和密碼,必須在源代碼編輯器中運行,不能保存爲html後查看。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>行政區邊界查詢</title>
<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
<style>
html,body,#container{
margin:0;
height:100%;
}
.input-item-text{
width:7rem;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申請的key值&plugin=AMap.DistrictSearch"></script>
<script type="text/javascript">
//初始化地圖對象,加載地圖
var map = new AMap.Map("container", {
resizeEnable: true,
center: [116.397428, 39.90923],//地圖中心點
zoom: 10 //地圖顯示的縮放級別
});
var district = null;
var polygons=[];
function drawBounds(province) {
//加載行政區劃插件
if(!district){
//實例化DistrictSearch
var opts = {
subdistrict: 0, //獲取邊界不需要返回下級行政區
extensions: 'all', //返回行政區邊界座標組等具體信息
level: 'district' //查詢行政級別爲 市
};
district = new AMap.DistrictSearch(opts);
}
//行政區查詢
district.setLevel('province')
district.search(province, function(status, result) {
// map.remove(polygons)//清除上次結果
var bounds = result.districtList[0].boundaries;
if (bounds) {
for (var i = 0, l = bounds.length; i < l; i++) {
var bound = bounds[i]
//生成行政區劃polygon
var polygon = new AMap.Polygon({
strokeWeight: 1,
path: bound,
fillOpacity: 0.4,
fillColor: '#80d8ff',
strokeColor: '#0091ea'
});
polygons.push(polygon);
map.add(polygons)
map.setFitView(polygons);//視口自適應
}
}
});
}
drawBounds('河南');
drawBounds('湖北');
drawBounds('湖南');
drawBounds('江西');
</script>
</body>
</html>
如果想打印邊界點,參考:https://blog.csdn.net/haoranhaoshi/article/details/106839257