使用百度地图绘制行政区划边界

1、需要注册百度地图开放平台，并且申请百度地图专用ak。

3、在页面声明一个div元素，用于百度地图的容器，<div id="allmap" style="width: 100%; height: 100%; position: absolute;"></div>

5、编写获取行政区域边界坐标的方法，并添加点击事件。function getBoundary(data) { var bdary = new BMap.Boundary(); bdary.get(data, function (rs) { var maxNum = -1, maxPly; var ply = new BMap.Polygon(rs.boundaries[0], { strokeWeight: 2, strokeOpacity: 0.5, fillColor: "#CDAA7D", strokeColor: "#FF00FF" }); map.addOverlay(ply); //开始用"mouseover","mouseout"发现,鼠标移动过快,会多个省份也高亮了.所以改成 click了 ply.addEventListener("click", function (e) { if (typeof (oldply) != "undefined") { oldply.setFillColor("#E0FFFF"); } ply.setFillColor("red"); oldply = ply; }); if (maxPly) { map.setViewport(maxPly.getPoints()); } }); }

7、运行代码，效果如图，可点击不同区域，且也有效果。