<style>
body, html{width: 100%;height: 100%;margin:0;font-family:"微軟雅黑";}
#allmap{height:500px;width:100%;}
#r-result{width:100%;}
</style>
<script? type="text/javascript"? src="http://api.map.baidu.com/api?v=2.0&ak=您的密鑰"></script>
<div id="allMap"></div>
<div id="r-result">
<input? type="button"? onclick="add_overlay();"value="添加覆蓋物"/>
<input? type="button"onclick="remove_overlay();" value="刪除覆蓋物"/>
</div>
<script>
//百度API功能
var? map? = new? BMap.Map("allmap");
var point? = new? BMap.point(116.404,39.915);
map.centerAndZoom(point,15);
var? marker = newBMap.Marker(new BMap.point(116.404,39.915));
//創(chuàng)建點(diǎn)
var circle = new BMap.polyline([
new BMa.point(116.399,39.910),
new BMap.point(116.405,39.920),
new BMap.point(116.425,39.900)
],{strokeColor:"biue",strokeweight:2,strokeOpacity:0.5});
//創(chuàng)建折線
var? circle = new? BMap.circle(point,500,{strokeColor:"blue", strokeweight:2, strokeOpatity:0.5}); //創(chuàng)建圓
var polygon? =? new? BMap.polygon([
new? BMap.point(116.387112,39.920977),
new BMap.point(116.385243,39.913063),
new Bmap.point(116.394226,39.917988),
new BMap.point(116.41248,39.927893)
],{strokeColor:"biue",strokeweight:2,strokeopacity:0.5});
//創(chuàng)建多邊形
var pStart= new? BMap.piont(116.392214,39.918985);
var? pEnd? = new? BMap.point(1160.41478,39.911901);
var? rectangle=new BMap.polygon([
?? new BMap.point(pStart.lng,pStart.lat),
? new? BMap.point(pEnd.lng,pStart.lat),
? new? BMap.point(pEnd.lng,pEnd.lat),
? new BMa.point(pStart.lng,pEnd.lat)
],{strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5});
//創(chuàng)建矩形
//添加覆蓋物
function add_overlay(){
map.addOverlay(marker);?????? //增加點(diǎn)
map.addOverlay(polyline);???? //增加折線
map.addOverlay(circle);???????? //增加圓
map.addOverlay(polygon);??????? //增加多邊形
map.addOverlay(rectangle);???? //增加矩形
}
//清除覆蓋物
functionremove_overlay(){
map.clearOverlays();
}
</script>