百度地图1 整理

//多边形覆盖物添加一个信息框

//★★★★在地图上添加区域★★★★
function MapAddRegion(){
var p = [];//用来存储区域的点
var polygon;
var doneDraw = 0; //判断是否绘多边形结束
//当鼠标单击时
map.addEventListener("click", function(e){
map.addEventListener("dblclick", function(e){
doneDraw = 1;
});
//判断是否绘制曲线完毕
if (doneDraw == 0) {
p.push(new BMap.Point(e.point.lng, e.point.lat)) //存储曲线上每个点的经纬度
polygon = new BMap.Polygon(p, {
strokeColor: "blue",
strokeWeight: 6,
strokeOpacity: 0.3
});
//当折线上的点小于4时，不绘制，多边形至少要有3个点
if (p.length < 4) {
return;
}
map.addOverlay(polygon); //绘制曲线
}
polygon.addEventListener("click", function(e){
var title = "<div><h1>你点击了多边形，弹出信息框</h1><div><input type='hidden' id='hidareaid' value=''>";
ShowWinInfo(e.point, title);
});
});
}


//★★★★弹出信息窗口（需要一个point就是为某个标记弹出信息框）★★★★
function ShowWinInfo(epoint,shtml){
//marker.addEventListener("click", function(){ //onmouseover或者click
// alert("您点击了标注");
var opts = {
width: 250, // 信息窗口宽度
height: 100, // 信息窗口高度
title: shtml// 信息窗口标题
}
//var myHtml = "<div class='ditu_js'><h1>修改区域名称</h1>";
// myHtml += "<div class='con_v'>";
// myHtml += "<input type='hidden' id='hidareaid' value='" + areaId + "'>";
// myHtml += "<b>名称：</b><input type='text' class='text' style='width: 150px' id='txtName' value='" + pname + "'><br />";

var infoWindow = new BMap.InfoWindow("World", opts); // 创建信息窗口对象
//map.openInfoWindow(infoWindow, map.getCenter()); // 在地图的正中心位置打开信息窗口
map.openInfoWindow(infoWindow, epoint); // 在地图的特定位置打开信息窗口
//});
}