显示许多地址(Google Map API)地理编码的坐标

Question

我在数据库中保存了三个地址，我正在输出它们并用jQuery检索值。但是，控制台仅显示经度和纬度的第三个字段。

我试图在功能时使用以获取三个地址并使用console.log(i)显示i的值，但它仅显示第三个。

php：

<?php $count = 0?>
<?php foreach($get_address as $get) {?>
<?php $count += 1;?>
<input type="text" id="address_<?=$count?>" value="<?=$get->address?>">
<input type="text" id="latitude_<?=$count?>">
<input type="text" id="longitude_<?=$count?>"><br>
<?php } ?>
<input type="hidden" id="count_address" value="<?=$count_address->count_address?>"><br>

javascript：

function getCoor(){
    var count = 3;
    var i = 1;
while(true){
var geocoder = new google.maps.Geocoder();
var address = $("#address_"+i).val();
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
 var latitude = results[0].geometry.location.lat();
 var longitude = results[0].geometry.location.lng();
 $("#latitude_"+i).val(latitude);
 $("#longitude_"+i).val(longitude);
 console.log(i);
      } 
});
    if(count == i){
        break;
    }
     i += 1;
    }
}

Answer 1

这是因为GeoCoder.Geocode是一个异步调用。

阅读有关让这里的更多信息

请参阅您面临的问题。

尝试下面的代码。

function getCoor(){
  let count = 3;
  for (let i = 1; i < count; i++) {
    let geocoder = new google.maps.Geocoder();
    let address = $("#address_"+i).val();
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
         let latitude = results[0].geometry.location.lat();
         let longitude = results[0].geometry.location.lng();
         $("#latitude_"+i).val(latitude);
         $("#longitude_"+i).val(longitude);
         console.log(i);
      } 
    });
  }
}