使用谷歌地图api时，javascript无法添加到数组[复制]

Question

这个问题在这里已有答案：

• Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference 6个答案

我试图将纬度和经度推入co（数组），但在底部显示co的长度时，它为0。

如果我用co.push(latitude,longitude)替换alert(latitude)它工作正常。

Answer 1

首先，

我不太确定你是否真的想要推动这样的价值观

co.push(latitude,longitude)

这将结束这样的事情。

[latitude,longitude,latitude,longitude,latitude,longitude]  

相反，你可以制作一个对象并推动它们

[{lat:"",lan:""},{lat:"",lan:""},{lat:"",lan:""}]

其次，geocoder.geocode方法异步工作 因此，当您的警报功能被调用时，您的地理编码尚未可用。 这就是它显示长度为0的原因

有很多方法可以解决问题，回调，承诺，生成器和异步/等待

我将在这里使用promise重新编写代码

function getCode() {

let geocoder = new google.maps.Geocoder();
let promises = [];

for(let i=0,arr=["melbounre","south bank","kew"];i<3;i++){
 promises.push(resolveGeocode(geocoder,arr[i]));
}

 Promise.all(promises).then(function(values){

  // array of geocodes available here

  alert(values[0].lat);
  alert(values[0].lng);

  alert(values[1].lat);
  alert(values[1].lng);

  alert(values[2].lat);
  alert(values[2].lng);
 })  

};

function resolveGeocode(geocoder,address){
return new Promise(function(resolve,reject){
  geocoder.geocode( {'address':address}, function( results, status ) {
      if(status == google.maps.GeocoderStatus.OK){
         resolve({
          lat:results[0].geometry.location.lat(),
          lng:results[0].geometry.location.lng()
         });
      }  

  });
})
}

getCode();