Как слить два разных объекта из данных JSON

Question

Привет. Мне нужна помощь с этим фрагментом кода. Результат, который я получаю, - это несколько разных объектов данных JSON. Но я хочу извлечь данные назначения, а затем объединить их как массив. Но все данные, которые я получаю, - это только одно объединение данных как массив, один за другим. Вот результат:

$scope.findHospital = function(){ 

    $ionicLoading.show({ 
     template: '<ion-spinner icon="bubbles"></ion-spinner><br/>Acquiring location!' 
    }); 

    var posOptions = { 
     enableHighAccuracy: true, 
     timeout: 20000, 
     maximumAge: 0 
    }; 

    $cordovaGeolocation.getCurrentPosition(posOptions).then(function (position) { 
     var lat = position.coords.latitude; 
     var long = position.coords.longitude; 
     var infowindow; 

     var myLatlng = new google.maps.LatLng(lat, long); 

     var mapOptions = { 
      center: myLatlng, 
      zoom: 16, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     var map = new google.maps.Map(document.getElementById("map"), mapOptions); 
     infowindow = new google.maps.InfoWindow(); 

     var service = new google.maps.places.PlacesService(map); 
     service.nearbySearch({ 
      location: myLatlng, 
      radius: 5000, 
      type: ['police'] 
     }, callback); 

     function callback(results, status) { 
      if (status === google.maps.places.PlacesServiceStatus.OK) { 
       for (var i = 0; i < results.length; i++) { 
        createMarker(results[i]); 
       } 
      } 
     } 

     function createMarker(place) { 
      geocoder = new google.maps.Geocoder(); 

      var latlng = new google.maps.LatLng(lat, long); 
      geocoder.geocode({'latLng': latlng}, function(results, status) { 
       var placeLoc = place.geometry.location; 
       var marker = new google.maps.Marker({ 
        map: map, 
        position: place.geometry.location 
       }); 
       var request = { reference: place.reference }; 

       service.getDetails(request, function(details, status) { 
        console.log(details); 

        var url = "https://maps.googleapis.com/maps/api/distancematrix/json?units=imperial&origins="+results[0].formatted_address+"&destinations="+details.formatted_address+"&key=AIzaSyDDxMGpu5SP5XwZGrKw5BQWl_r2dgLgpPY"; 
        var distances = []; 

        $http.get(url).then(function(response){ 
         var str = response.data.rows[0].elements[0].distance.text; 

         distances = distances.concat(str); 

         console.log(distances); 
        }); 
       } 
      }); 
     } 
    } 
} 

КОД ОБНОВЛЕНО!

Answer 1

Я сильно подозреваю, distances массив инициализируется каждый раз, когда createMarker вызывается метод. Итак, поставьте свой distances в глобальном масштабе. т.е. чуть выше вашего разрешения getCurrentPosition.

var distances = []; 
$cordovaGeolocation.getCurrentPosition(posOptions).then(function (position) { 
// your code 

и удалите дистанцию ​​из внутреннего кода.

Answer 2

Это то, что вам нужно! Массив вне вашей функции createMarker. Когда вы вызываете $http.get, вы должны объединить ответ с вашим массивом distances.

var distances = []; // HERE 

function createMarker(place) { 
    geocoder = new google.maps.Geocoder(); 

    var latlng = new google.maps.LatLng(lat, long); 
    geocoder.geocode({'latLng': latlng}, function(results, status) { 
     var placeLoc = place.geometry.location; 
     var marker = new google.maps.Marker({ 
      map: map, 
      position: place.geometry.location 
     }); 
     var request = { reference: place.reference }; 

     service.getDetails(request, function(details, status) { 

      var url = "https://maps.googleapis.com/maps/api/distancematrix/json?units=imperial&origins="+results[0].formatted_address+"&destinations="+details.formatted_address+"&key=AIzaSyDDxMGpu5SP5XwZGrKw5BQWl_r2dgLgpPY"; 

      $http.get(url).then(function(response){ 
       var str = response.data.rows[0].elements[0].distance.text; 

       distances = distances.concat(str); // HERE 
      }); 
     } 
    }); 
}