我有一个页面,在通过 mapstraction 使用的 openlayers 地图中显示 10 个标记。
我想先加载地图,然后在每秒之后一个一个地标记,我尝试使用 window.setTimeout() 它加载地图并在它停止之后只加载第一个标记。
var map;
var lat = new Array() ;
lat=${latitude};
var lon= new Array();
lon=${longitude};
var oneByOneCounter=0;
var count=10;
function initMap(){
map = new Mapstraction('mymap','openlayers');
map.setCenter(new LatLonPoint(0.0,0.0));
map.addControls({pan: true, zoom:'small', map_type:true});
renderMarkerOneByOne();
map.autoCenterAndZoom();
};
function renderMarkerOneByOne() {
if (oneByOneCounter < count) {
latitude= lat[oneByOneCounter];
longitude= lon[oneByOneCounter];
var point = new LatLonPoint(latitude,longitude);
var marker = new Marker(point);
var info = "("+(oneByOneCounter+1)+")";
marker.setInfoBubble(info);
marker.setHover(true);
marker.setIcon('icon_green.png', [27,31]);
map.addMarker(marker);
oneByOneCounter++;
window.setTimeout("renderMarkerOneByOne()", 1000);
} else {
oneByOneCounter = 0;
}
}
我无法弄清楚我在哪里做错了 renderMarkerOneByOne() 函数正确执行并且在放置 alert() 时我可以看到标记对象一直在创建但是,由于某种原因,在第一个标记被绘制之后其他标记没有被绘制在地图上。
欢迎任何帮助或建议
谢谢