效果图
代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>获取行政区边界范围</title><script type="text/javascript" src="http://api./api?v=1.3"></script><style type="text/css">body {font-size: 13px;margin: 10px}#container {width: 100%;height: 750px;border: 1px solid gray}</style></head><body>输入省、直辖市或县名称：<input type="text" id="districtName" style="width:80px" value="雨花区"><input type="button" onclick="getBoundary()" value="获取轮廓线"><br/><br/><div id="container"></div></body><script type="text/javascript">// 创建地图对象，设立中心点。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() {// 构造函数Boundary()，使用get()方法，获取行政区域的边界，res是返回的结果集。var bdary = new BMap.Boundary();var name = document.getElementById("districtName").value;// 获取行政区域bdary.get(name, function (res) {//清除地图覆盖物map.clearOverlays();console.log(res.boundaries, 'res.boundaries')// 行政区域的点的个数var count = res.boundaries.length;for (var i = 0; i < count; i++) {// 建立多边形覆盖物var ply = new BMap.Polygon(res.boundaries[i], {strokeWeight: 2, strokeColor: "#FF0000"});// 添加覆盖物map.addOverlay(ply);// 调整视野。points为一系列点的数组，系统自动展示points里所有点map.setViewport(ply.getPath());}});}</script></html>
