如何将延迟标记添加到谷歌地图中

时间:2012-10-23 22:47:20

标签: javascript google-maps

我有一个从另一个函数收到的JS数组;我需要遍历它并向地图添加延迟标记。然而,它似乎正在跳到最后一个标记。 我测试了阵列大小,这很好 我在循环中测试了数组值,它们很好 标记功能(在循环中调用时没有设置超时功能)工作正常

<script>
var map;
var PlayDatesArray=new Array();

function playAllHistoryFunction(){   
    timeDelay1=1;       
    for(i=0; i<PlayDatesArray.length; i++) {
        pddtArray = PlayDatesArray[i].split("|"); //split String using | delimiter[date]|[lat]|[lon]   
        lt1=pddtArray[1];
        ln1=pddtArray[2];
        tstamp1= pddtArray[0];
        oldtimeDelay1=timeDelay1;
        newTimeDelay=1500;
        timeDelay1=oldtimeDelay1+newTimeDelay;        
        setTimeout(function(){            
        centerMap(lt1, ln1);
        map.setZoom(14);
        addMarker(lt1, ln1, tstamp1);                
            }, timeDelay1);        
    }
}

function centerMap(lat1, lon1){
    var latlngbounds1 = new google.maps.LatLngBounds(); 
    latlngbounds1.extend(new google.maps.LatLng(lat1, lon1)); 
    map.fitBounds(latlngbounds1);  
}

function addMarker(lat, lng, name){
    var image = new google.maps.MarkerImage('images/icon-home.gif');\
    var mn = new google.maps.Marker({
        map: map,
        icon: image,
        position: new google.maps.LatLng(lat, lng),
        title: name
    });  
    map.setCenter(new google.maps.LatLng(lat, lng));     
}

</script>

1 个答案:

答案 0 :(得分:3)

正如我在评论中最初发布的那样,这是一个“闭环”问题。这已在此处讨论过,here是一个非常具有决定性的回应。

相关问题