while循环中的地图地址解析评估不正确

Question

我正在尝试在while循环中使用Geocode API，但没有运气。 看来，我的while循环中的if语句要到while循环结束时才求值。 我想知道是否是因为Geocode API需要时间来响应，但我似乎无法正确评估它。 这是我的代码：

 while (posts != j)
        {
            var image = server + '/location_marker.png';
            //var myLatLng = new google.maps.LatLng(locationLat[j],locationLong[j]);


            var address = addressGlobal[j];

            myLatLng = geocoder.geocode({ 'address': address }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                var lat = results[0].geometry.location.lat();
                var lng = results[0].geometry.location.lng();
                var myLatLng = new google.maps.LatLng(lat,lng);
                alert(lat + lng);
                return myLatLng;
            }

         else {
            alert('Geocode was not successful for the following reason: ' + status);
        }
        });
            alert(myLatLng);                    
            place[j] = new google.maps.Marker({
                position: myLatLng,
                map: map,
                icon: image,
                url: postURL[j],
                title: postTitle[j]
            });   

            google.maps.event.addListener(place[j], 'click', function() {
                map.panTo(this.getPosition());
                map.setZoom(7);
                $("#fountainG").fadeIn(250);
                history.pushState(null, this.title, this.url);    

                //offsetCenter(myLatLng,-400,0,map);

                $(".dynamic").load(this.url + " .dynamic", function(response, status, xhr) {
                    $('.dynamic').fadeIn(500);
                    $('.dim').fadeIn(500);
                    $("#fountainG").fadeOut(250);
                });    
            });

            j++;
        }

Answer 1

我想我已经找到了答案，这似乎与闭包有关 。 我不完全确定它是如何修复的，但是我将地理编码函数移到了嵌套函数中，然后在while循环中调用它。 由于它要到最后才执行，所以一旦执行，我就需要再次遍历数组并将它们添加到映射中。 该代码可以成功运行，但是不幸的是，我并不真正理解为什么。

我很想知道是否有人可以了解它的工作原理以及一种更好的设置方法，但与此同时，此问题已通过以下方式解决：

function initialize() {
function geocode() {
    var address = addressGlobal[j];
    var k = 0;        
    myLatLng = geocoder.geocode({ 'address': address }, function (results, status) {
    if (status == google.maps.GeocoderStatus.OK) 
    {
        while (k != posts) 
        {
            var lat = results[0].geometry.location.lat();
            var lng = results[0].geometry.location.lng();
            var myLatLng = new google.maps.LatLng(lat,lng);
            alert(lat + lng);

             place[k] = new google.maps.Marker({
            position: myLatLng,
            map: map,
            icon: image,
            url: postURL[k],
            title: postTitle[k]     
        });   

        google.maps.event.addListener(place[k], 'click', function() 
        {
            map.panTo(this.getPosition());
            map.setZoom(7);
            $("#fountainG").fadeIn(250);
            history.pushState(null, this.title, this.url);    

            //offsetCenter(myLatLng,-400,0,map);

            $(".dynamic").load(this.url + " .dynamic", function(response, status, xhr) 
            {
                $('.dynamic').fadeIn(500);
                $('.dim').fadeIn(500);
                $("#fountainG").fadeOut(250);
            });    
        });
        k++;
        }

    }  
else {
    alert('Geocode was not successful for the following reason: ' + status);
}
});
}

var geocoder = new google.maps.Geocoder();    
google.maps.visualRefresh = true;
    var mapOptions = {
        zoom: 5,
        center: new google.maps.LatLng(37.09024,-95.712891),
        disableDefaultUI: true,
    };

    var posts = locationLat.length;
    var j = 0;
    map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);

    var place = [];

        while (posts != j)
        {
            var image = server + '/location_marker.png';
            //var myLatLng = new google.maps.LatLng(locationLat[j],locationLong[j]);

            geocode();

            alert(myLatLng);                    


            j++;
        }

    //Determine if the user came in via the front page or a post so we can set the viewport correctly
    if ( entryPage == "post" )
    {
        map.setZoom(7);
        var postView = new google.maps.LatLng(postLocationLat, postLocationLong);
        map.panTo(postView);
    }
}