Google Maps API 函数未及时返回结果

Question

所以我有一个具有以下属性的对象数组：Address、Latitude、Longitude 和 Title

 poi("139 Main St", 0, 0, "Farmer's Market" ),
 poi("18 N Hopkins Ave", 37.4455, -143.7728, "YMCA" ),
 poi("42 Universe St", 37.4855, -143.8781, "Original Pizza #32" )

现在，第一个对象没有设置任何纬度和经度，所以我希望使用 Google 的 Geocode API 来填充缺失的数据。我在我的 API 密钥中包含了 API 脚本链接，它工作正常。

然后我创建了一个for 循环，该循环遍历数组并找到任何缺少数据的对象。它应该通过并用正确的信息替换任何空单元格。但是，尽管检索了信息，但它是在循环完成后才检索的。我可以安慰出正确的信息，但只有在函数返回空数据之后。

for (i=0; i < poiArray.length; i++ ) {
    var curr = poiArray[i];

    if ( !curr.lat || !curr.long ) {

        geocoder = new google.maps.Geocoder();
        geocoder.geocode( { 'address': curr.address }, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                cur.lat = results[0].geometry.location.k;
                cur.long = results[0].geometry.location.B;
            } else {
                console.log('failed to include ' + curr.title);
                poiArray.splice(i--, 1);    
            }

       });  

    }

}

我尝试了timeout 和嵌套函数，但似乎没有任何效果。有什么建议么？

---

让我再提一点奇怪的事情：如果我在 for 循环中的 if (status == google.maps.GeocoderStatus.OK) { 变量 i 之后进行控制台，我每次都会得到数组的最后一个数字。如果我在加载来自 Google 的异步数据后控制台 poiArray，则循环似乎只会更新数组中的最后一项。

Answer 1

你可以用函数闭包来解决你的问题。此外，您不应使用 Google Maps Javascript API v3（.k、.B）的未记录属性，它们会随着 API 的更新而改变并破坏您的代码。

var geocoder = new google.maps.Geocoder();
function geocodeAddress(curr, i) {
  geocoder.geocode( { 'address': curr.address }, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
       cur.lat = results[0].geometry.location.lat();
       cur.long = results[0].geometry.location.lng();
    } else {
       console.log('failed to include ' + curr.title);
       poiArray.splice(i--, 1);    
    }
  });  
}
for (i=0; i < poiArray.length; i++ ) {
    var curr = poiArray[i];
    if ( !curr.lat || !curr.long ) {
        geocodeAddress(curr, i);
    }
}