Question

我正在尝试让我的叠加层显示得更慢，而不是同时显示所有叠加层。代码完美无缺，直到我添加setTimeout。当我尝试运行它时，控制台说没有定义latLng。

搜索后，我发现很多人都有类似的问题，但似乎没有人回答我的问题。

这是功能。如果您需要更多代码，请告诉我。

function getAndDrop() {
    $.ajax({
        url : 'php/locationarray.php',
        success : function(data) {
            latLng = data.split(" ");

            for ( i = 0; i < latLng.length; i++) {
                setTimeout(function(){
                var loc = latLng[i].split("|");
                if (marker.length > maxOverlays)
                    clearSingleOverlay();
                addMarker(loc[0], loc[1]);
                }, i*200);
            }
        }
    });
}

编辑：latLng被定义为全局上面的。这是当地的。我试图调试

使其全局化

Answer 1

你需要一个闭包：

  success : function(data) {
    var latLng = data.split(" ");

    for ( i = 0; i < latLng.length; i++) {
        (function(LL){


          setTimeout(function(){
            var loc = LL.split("|");
            if (marker.length > maxOverlays)
              clearSingleOverlay();
              addMarker(loc[0], loc[1]);
            }, i*200);


        })(latLng[i]);

    }
}

请在此处阅读澄清说明：Please explain the use of JavaScript closures in loops

PS。你应该创建一个专用的函数来处理循环中的处理：

ie：for（...）handleCurrent（）;

Answer 2

这是因为latLng在闭包中不可用。您可以尝试在var声明之前添加latLng：

success : function(data) {
    var latLng = data.split(" ");

    for ( i = 0; i < latLng.length; i++) {
        setTimeout(function(){
        var loc = latLng[i].split("|");
        if (marker.length > maxOverlays)
            clearSingleOverlay();
        addMarker(loc[0], loc[1]);
        }, i*200);
    }
}

setTimeout不起作用。控制台说没有定义latLng

2 个答案: