关于百度地图API的脚本问题

zjc308882936 2012-02-02 11:32:27

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>在标注上打开信息窗</title>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2&services=true"></script>

</head>
<body>
<div style="width: 1000px; height: 700px; border: 1px solid gray" id="container">
</div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 5);
// var myIcon =new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(32, 70), { //小车图片
// //offset: new BMap.Size(0, -5), //相当于CSS精灵
// imageOffset: new BMap.Size(0, 0) //图片的偏移量。为了是图片底部中心对准坐标点。
// });
var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {
offset: new BMap.Size(10, 25), // 指定定位位置
imageOffset: new BMap.Size(0, 0) // 设置图片偏移
});

// var points[10];
var points = [10];

points[1] = new BMap.Point(116.411776, 39.942833);

points[2] = new BMap.Point(116.320791, 40.003682);
points[3] = new BMap.Point(116.275186, 39.896095);
points[4] = new BMap.Point(116.425098, 39.946249);
points[5] = new BMap.Point(116.359823, 39.984761);
points[6] = new BMap.Point(116.316479, 39.98323);
points[7] = new BMap.Point(116.385986, 39.946124);
points[8] = new BMap.Point(116.427545, 40.00796);
points[9] = new BMap.Point(116.446965, 39.911603);
points[0] = new BMap.Point(116.454579, 39.946652);

var marker = [10];
for (var i = 0; i < 10; i++) {
marker[i] = new BMap.Marker(points[i], { icon: myIcon }); // 创建10个标注
}

for (var i = 0; i < 10; i++) {
map.addOverlay(marker[i]); // 将标注添加到地图中
}

//map.setViewport(points); //调整地图的最佳视野为显示标注数组

var opts1 = { title: '<span style="font-size:14px;color:#0A8021">如家快捷酒店</span>' };
var opts2 = { title: '<span style="font-size:14px;color:#0A8021">昆仑大厦</span>' };
var opts3 = { title: '<span style="font-size:14px;color:#0A8021">华夏银行</span>' };
var opts4 = { title: '<span style="font-size:14px;color:#0A8021">成都小吃</span>' };
var opts5 = { title: '<span style="font-size:14px;color:#0A8021">锦绣大饭店</span>' };
var opts6 = { title: '<span style="font-size:14px;color:#0A8021">七天快捷酒店</span>' };
var opts7 = { title: '<span style="font-size:14px;color:#0A8021">中央民族大学</span>' };
var opts8 = { title: '<span style="font-size:14px;color:#0A8021">昌平汽车专修学院</span>' };
var opts9 = { title: '<span style="font-size:14px;color:#0A8021">百度大厦</span>' };
var opts0 = { title: '<span style="font-size:14px;color:#0A8021">海尔电器销售点</span>' };

var infoWindow = [];
for (var i = 0; i < 10; i++) {

infoWindow[i] = new BMap.InfoWindow("ceshi"+i.toString(), opts1);
}
// 创建信息窗口对象，引号里可以书写任意的html语句。

for (i = 0; i < 10; i++) {
// alert(infoWindow[i].content);
//debugger;
var info = infoWindow[i];
marker[i].addEventListener("mouseover", function() { this.openInfoWindow(info); });
}
var info = infoWindow[i];
marker[i].addEventListener("mouseover", function() { this.openInfoWindow(info); });为什么我这段代码无法实现预想的效果给每个坐标都附加上弹出窗口并且内容是各自的内容，现在这个代码可以实现给每个坐标附加弹出窗口但是内容是一致的都是infoWindow[9]的内容。

</script>

...全文