百度地图JavaScript API开发叠加行政区划图

叠加显示上海效果图:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css"> body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;} #l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;} #r-result{height:100%;width:20%;float:left;} </style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=0Ea24345073256b9232eddc3e8284aca"></script>
<title>叠加行政区划图</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript"> var map = new BMap.Map("allmap"); map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 7); map.enableScrollWheelZoom(); function getBoundary(){ var bdary = new BMap.Boundary(); bdary.get("上海", 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()); //调整视野  } }); } function getBoundary2(){ var bdary = new BMap.Boundary(); bdary.get("武汉", 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: "red"}); //建立多边形覆盖物 map.addOverlay(ply); //添加覆盖物 map.setViewport(ply.getPath()); //调整视野  } }); } setTimeout(function(){ getBoundary(); getBoundary2(); }, 1500); </script>

希望以上分享对各位朋友有些帮助,谢谢!
更多关注付义方技术博客:http://blog.csdn.net/fuyifang
或者直接用手机扫描二维码查看更多博文:

你可能感兴趣的:(百度地图api,百度地图开发,叠加显示地图效果)