Google 장소에서 여러 유형을 반환하십시오. autocompleteService.getPlacePredictions

Question

미리 작성된 Google 지역 정보 자동 완성에 대한 맞춤 UI를 구현하려고하므로 수동으로 결과를 선택할 수 없습니다. 모든 기능은 getPlacePredictions 함수 옵션에서 여러 유형을 사용하지 않을 때 작동하지만 [ '(regions)', '(cities)']를 사용하면 상태가 'invalid request'를 반환합니다.

잘못된 것이 있습니까? 아니면 불가능합니다. 여러 유형을 반환하려면?

var _this = this; 

this.input = $('#zipcode_autocomplete'); 

this.service = new google.maps.places.AutocompleteService(); 

this.input.on('input', function() { 
    return _this.service.getPlacePredictions({ 
    input: _this.input.val(), 
    types: ['(regions)', '(cities)'], 
    componentRestrictions: { 
     country: 'us' 
    } 
    }, _this.callback); 
}); 

this.callback = function(predictions, status) { 
    var i, prediction, _results; 
    console.log(predictions); 
    if (status !== google.maps.places.PlacesServiceStatus.OK) { 
    alert(status); 
    return; 
    } 
    i = 0; 
    prediction = void 0; 
    this.results = $('ul.location_results').removeClass('hidden').html(''); 
    _results = []; 
    while (prediction = predictions[i]) { 
    this.results.append("<li><span class='location-address'>" + prediction.terms[0].value + "</span><span class='location-state'>" + prediction.terms[prediction.terms.length - 2].value + "</span></li>"); 
    _results.push(i++); 
    } 
    return _results; 
}; 

Answer 1

API 'In general only a single type is allowed'에 따르면.

당신은 당신이 할 수있는 것은, 프로세스를 관리하는 deferred object를 사용하여이 같은 개별적 두 가지 유형을 얻으려고한다면 다음 API에 따르면

// set a new promises array, set the types array 
var promises = [], types = ['(regions)', '(cities)']; 

// loop over the types and push the output of getPredications() for each one 
// into the promises array 
for (var i = 0, l = types.length; i < l; i++) { 
    promises.push(getPredictions(types[i])); 
} 

// when all promises have completed then do something 
// This uses jQuery's when method which can take an array of 
// promises when used with apply 
$.when.apply(null, promises).then(runThisFunction); 

function getPredictions(type) { 

    // Set up a new deferred object 
    var deferred = new $.Deferred(); 

    // Call the asynchronous function to get the place predictions 
    this.service.getPlacePredictions({ 
    input: _this.input.val(), 
    types: type, 
    componentRestrictions: { 
     country: 'us' 
    } 
    }, function (data) { 

    // Once the data has been returned perhaps do something with data 
    // but definitely resolve the deferred object.  
    deferred.resolve(); 
    }); 

    // return the promise 
    return deferred.promise(); 
}