Обновление глобальной переменной в JavaScript

Question

У меня есть глобальную переменную в JavaScript как

var EventLocation = { 

     'center' : '35.59214,-121.046048', 
     'zoom' : 10 
}; 

теперь в функции мы обновляем эту переменную как

var geocoder = new google.maps.Geocoder(); 
    var address = $j('#EventLocation').text(); //record.Location; 

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(); 

      EventLocation.center = new google.maps.LatLng(latitude, longitude); 

      //onSuccessMaps(latitude,longitude); 
     } else { 
      alert('Fail to find location'); 
     } 
    }); 

Но в другой функции EventLocation.center не обновляется, он принимает предыдущее значение как ('35.59214,-121.046048'). Как это разрешить?

Answer 1

Запрос на геокодирование является асинхронным, поэтому код будет продолжать работать в ожидании ответа. Фактически вам нужно вернуть элемент управления в браузер до того, как будет обработан ответ.

Это означает, что любой метод, который нуждается координаты должен вызываться из метода обратного вызова успеха:

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(); 

    EventLocation.center = new google.maps.LatLng(latitude, longitude); 

    // here the coordinates _are_ set 

    // this is where you put the code that needs to use the coordinates 

    } else { 
    alert('Fail to find location'); 
    } 
}); 

// here the coordinates are _not_ set yet