Filtrage AutocompleteService Google Adresses par pays

Je suis la mise en place d'une coutume champ de saisie semi-automatique où je montre les emplacements à partir de Google, les Lieux et les événements à partir de ma base de données qui correspondent à la requête de la recherche. Pour cette raison, je suis en utilisant Google adresses de la saisie semi-automatique de Service pour obtenir la requête prédictions plutôt que de brancher les Lieux de la saisie semi-automatique directement dans mon textfield.

Le problème est que je ne peux pas comprendre comment filtrer les Endroits les suggestions de saisie semi-automatique par pays à l'aide de la saisie semi-automatique de service.

J'ai essayé:

var service = new google.maps.places.AutocompleteService(null, {
        types: ['cities'],
        componentRestrictions: {country: "au"}
    });

mais cela montre tout de même la saisie semi-automatique des options de l'Allemagne et de la France:(

Des suggestions?

source d'informationauteur jeznag

  1. 33

    Vous avez besoin pour passer les restrictions lorsque vous appelez le service, et non pas lorsque vous le créez. Ici:

    //create service
service = new google.maps.places.AutocompleteService();

//perform request. limit results to Australia
var request = {
    input: 'Brisbane',
    componentRestrictions: {country: 'au'},
};
service.getPlacePredictions(request, callback);
  2. 7

    Vous pouvez spécifier les types et les componentRestrictions à l'aide de AutocompletionRequest. Voici un exemple -

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

    service.getPlacePredictions({ input: query, types: ['geocode'], 
                                componentRestrictions:{ country: 'us' } },
            function (predictions, status) {
                if (status == google.maps.places.PlacesServiceStatus.OK) {
                    var results = document.getElementById('results');
                    for (var i = 0, prediction; prediction = predictions[i]; i++) {
                        results.innerHTML += '<li>' + prediction.description + '</li>';
                    }
                }
            });
  3. 1

    Comme indiqué dans la documentation référenceles Lieux de la Bibliothèque AutocompleteService ne prend pas en charge AutocompleteOptions. Si vous pensez que ce serait une fonctionnalité intéressante, merci de remplir un Lieux API - Demande de Fonctionnalité.

  4. 0

    Vous devez utiliser ce code.

    var options = {
    types: ['(cities)'],
    componentRestrictions: {country: ["in"]}
}
//Find From location    
var input= document.getElementById('input_box_city');
var fromAuto = new google.maps.places.Autocomplete(input, options);
  5. -1

    Utiliser ce Code de travail

    var input = document.getElementById("query_value");
var autocomplete = new google.maps.places.Autocomplete(input, {
  componentRestrictions: { country: "IN" },
  place_id: "YOUR_PLACE_ID"
});
google.maps.event.addListener(autocomplete, "place_changed", function() {
  var place = autocomplete.getPlace();
});


https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places&language=en&key=YOUR_KEY