从地理编码循环外部访问数组

时间:2012-11-28 12:15:34

标签: javascript google-maps google-maps-api-3 geocoding

我设法对地址进行地理编码并向地图添加标记,但我需要访问地理编码(codeAddress)函数之外的地理编码结果。我以为我可以将结果推送到全局变量数组(userLat,userLng)。使用警报我可以看到循环确实将结果添加到函数内的数组中,但数组在函数外部是无值的。

另一方面,不成功地理编码的警报应返回地址'i',具体取决于哪个地址有问题,但只显示循环的最后一个地址值。

也许这些问题有关系?我认为这可能与我对嵌套函数缺乏了解有关。

我希望这很清楚。在此先感谢您的帮助!

   function codeAddress() {

    var useradd = [];
    var geocoder = new google.maps.Geocoder();
    var howmany = parseFloat(document.getElementById("howmany").value);

    for (var i=0; i<howmany; i++) {
        useradd[i] = document.getElementById('address['+i+']').value;
        geocoder.geocode( {address: useradd[i]}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
                userLat.push(parseFloat(results[0].geometry.location.lat()));
                userLng.push(parseFloat(results[0].geometry.location.lng()));
                var marker = new google.maps.Marker({
                    map: map,
                    position: results[0].geometry.location
                });
            } 
            else {
                alert('Address ' + i + ' was not successfully located for the following reason: ' + status);
            }
        });
    };
}

编辑:

我不确定我是否理解正确但是已经提取了回调函数并创建了由地理编码器调用的新函数。问题仍然是相同的,变量userLat和userLng不会在循环之外传递。有什么建议吗?

function codeAddress(){

function callBack() {
    return function(results, status){
        if (status == google.maps.GeocoderStatus.OK) {
        userLat.push(parseFloat(results[0].geometry.location.lat()));
        userLng.push(parseFloat(results[0].geometry.location.lng()));
                var marker = new google.maps.Marker({
                    map: map,
                    position: results[0].geometry.location
                });
        } 
        else {
            alert('Address ' + i + ' was not successfully located for the following reason: ' + status);
        }
    }
}    

    var userLat = [];
            var userLng = [];
    var useradd = [];
    var geocoder = new google.maps.Geocoder();
    var howmany = parseFloat(document.getElementById("howmany").value);

    for (var i=0; i<howmany; i++) {
        useradd[i] = document.getElementById('address['+i+']').value;
        geocoder.geocode({address: useradd[i]}, callBack());
    };
}

2 个答案:

答案 0 :(得分:0)

当您的codeAddress函数返回时,geocoder.geocode仍在执行其作业,即异步。当geocoder.geocode完成时,它将调用它作为匿名函数传递的回调。

我建议的解决方案是使回调函数成为codeAddress的参数,并从该回调(或来自回调内部调用的其他函数)中执行任何操作,而不是使用全局变量方法。 / p>

答案 1 :(得分:0)

这完全是关于Javascript中的范围。如果要访问函数外部的变量,必须在函数范围之外声明和创建变量,然后更新它们。

在函数范围之外声明的变量将在脚本中的任何其他位置可用。

 var def = "bombshell";
 function changer(){
     def = "changed value";
 }
 changer();
 alert(def);

在此处查看 - http://jsfiddle.net/daveheward/kWn8b/