자바 스크립트 함수에서 반환 값으로 Google api 주소 값을 얻으십시오.

Question

• Google지도 API에서 주소를 가져 와서이 주소를 함수에 반환하려고합니다. 이러한 표시를 변경하려면 어떻게해야합니까?

  $(document).ready(function() { 
      var lat = 17.4807865; 
      var lng = 78.4921649; 
      var returnAddress = getAddressFromlatlng(function(backaddr,lat,lng){ 
      alert(" Inside : "+backaddr) 
      }); 
      alert(returnAddress+" returned address ") 
  }); 
  function getAddressFromlatlng(callback,lat,lng){ 
      alert(lat+" : "+lng) 
      var geocoder = new google.maps.Geocoder(); 
      var latlng = new google.maps.LatLng(lat,lng); 
      geocoder.geocode({'latLng': latlng}, function(results, status){ 
      alert(results[0].formatted_address) 
      callback(results[0].formatted_address); 
      }); 
  } 
  

  한 번에 값이 존재하기 전에 함수가 반환으로, 불가능 http://jsfiddle.net/mapsaceclouds/o1fa91tv/2/

Answer 1

찾아보세요.

geocode 호출은 비동기식이므로 비동기 적으로 결과를 처리해야합니다. 이미 값을 콜백 함수에 성공적으로 표시합니다. 즉, 결과를 처리하는 방법입니다.

getAddressFromlatlng 함수에서 약속을 반환 할 수는 있지만 실제로 변경되지는 않습니다. 이것은 콜백 함수를 객체에 랩핑하기 때문에 호출과 별도로 비동기 처리를 할 수 있습니다.

Answer 2

콜백 결과에서 주소를 가져와야합니다. 좌표가 결정되면 리턴 값을 계속 처리하는 함수를 호출해야만 리턴 값을 얻을 수 있기 때문입니다. 이 경우 배열을 통해 배열 인덱스를 사용하고 필요한 데이터가 있으면 주소 필드를 업데이트하십시오. 개별적으로 처리하십시오. 배열을 통해 모든 항목에 대해 Google에 요청합니다. 일단 응답이 Google에서 돌아 오면 배열의 다음 항목으로 이동하십시오. 응답을받을 때 알 수 있도록 인덱스를 저장할 수 있으면 여러 요청을 기다리는 것이 가능합니다.

var currentIndex = null; 
function notifyAddressResolved (address) { 
    yourArray[currentIndex].address = address; 
    resolveNextAddress(); 
} 
function getAddressFromlatlng(callback, lat, lng){ 
    var geocoder = new google.maps.Geocoder(); 
    var latlng = new google.maps.LatLng(lat, lng); 
    geocoder.geocode({'latLng': latlng}, function (results, status) {   
     callback(results[0].formatted_address); 
    }); 
} 
function resolveNextAddress() { 
    if (currentIndex == null) { 
     currentIndex = 0; 
    } else { 
     currentIndex++; 
    } 
    getAddressFromlatlng(notifyAddressResolved, yourArray[currentIndex].lat, yourArray[currentIndex].lng); 
}