Baiduの地図JavaScript APIの開発における行政区画の重ね合わせ
7205 ワード
上海の効果図を重ねて表示します.
<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>