Est-il un moyen de limiter le Google Places de saisie semi-automatique pour rechercher les rues d'une ville?

Puis-je restreindre la recherche d'une ville, les rues lors de l'utilisation de la Google Places Autocomplete?

En ajoutant le nom de la ville à l'adresse?

OriginalL'auteur Il Recapito Espresso | 2012-05-18

6

Vous pouvez définir la Autocomplete options à utiliser geocode que le type, qui va limiter les résultats sont renvoyés à une des adresses suivantes:
```
var input = document.getElementById( 'searchTextField' );
var options = {
  bounds: yourBounds,
  types: ['geocode']
};

autocomplete = new google.maps.places.Autocomplete( input, options );
```
Il n'existe aucun moyen de restreindre les résultats à juste rues, mais essentiellement de réaliser ce que vous voulez. Si vous définissez yourBounds correctement, peut-être limitée à la zone de la ville, il va vous arriver aussi près que possible à l'heure actuelle.

Mise à jour pour répondre à l'observation:

Si vous voulez commencer par l'entrée d'une ville, vous pouvez lier la carte des limites de la Autocompletes limites, qui aura la carte son viewport automatiquement lorsqu'une ville est sélectionné dans le Autocomplete:
```
var options = {
  bounds: yourBounds,
  types: ['(cities)']
};
autocomplete =
    new google.maps.places.Autocomplete( input, options );
//This will bind the map's bounds to the Autocomplete's bounds:
autocomplete.bindTo('bounds', map);
```
Ensuite, vous pouvez mettre à jour le Autocomplete's types, comme ci-dessus pour avoir des adresses de retour:
```
autocomplete.setTypes( [ "geocode" ] );
```
À partir de là, vous pouvez avoir une lecture de la Les lieux de la Bibliothèque de l'API Docs.

Ok, mais sur Google Maps si je recherche "New York" - je obtenir une carte avec la délimité de la ville. N'est pas possible d'obtenir ces limites? Merci pour l'aide
J'ai mis à jour le contenu de ma réponse en réponse à votre commentaire.
Merci, c'est ce que je souhaite.
La bonne réponse même si je pense que les types d'option pour les villes devraient être ['(villes)'].
Yep, j'ai oublié d'inclure les parenthèses; j'ai mis à jour l'exemple de code correct. Merci

OriginalL'auteur Sean Mickey

Juste un exemple de code html (twitter bootstrap 3 compatible :))

<div class="well container">
    <form role="form">
      <div class="form-group">
        <label for="locality" class="sr-only">Stadt oder PLZ</label>
          <input type="text" class="form-control" id="locality" name="locality" placeholder="Stadt oder PLZ" />
          <p class="help-block">Bitte zuerst die Stadt oder PLZ eingeben.</p>
      </div>
      <div class="form-group">
        <label for="route" class="sr-only">Straße /Hausnummer</label>
        <div class="row">
          <div class="col-xs-6">
            <input type="text" class="form-control col-xs-8" id="route" name="route" placeholder="Straße" disabled="true" />
          </div>
          <div class="col-xs-6">
            <input type="text" class="form-control col-xs-4" id="street_number" name="street_number" placeholder="Nr." disabled="true" />
          </div>
        </div>
      </div>
    </form>
</div>

Je pense que le code est auto-explicatif, il suffit de l'essayer

<script>
var localityInput = document.getElementById('locality');
var localityOptions = {
  types: ['geocode'], //['(cities)'], geocode to allow postal_code if you only want to allow cities then change this attribute
  componentRestrictions: {country: 'de'}
};
autocomplete = new google.maps.places.Autocomplete(localityInput, localityOptions);

google.maps.event.addListener(autocomplete, 'place_changed', function() {
    $('#route').attr('disabled', false).focus();
    $('#street_number').attr('disabled', false);

    var boundsByCity = autocomplete.getPlace().geometry.viewport;
    var routeInput = document.getElementById('route');
    var routeOptions = {
        bounds: boundsByCity,
        types: ['geocode']
    };
    new google.maps.places.Autocomplete(routeInput, routeOptions);
});
</script>

DÉMO: JSFIDDLE

Une autre démo plus avancé

OriginalL'auteur ramiz4

Définir les types de régions.

var input = document.getElementById( 'searchTextField' );

var options = {
  bounds: yourBounds,
  types: ['(regions)']
};

autocomplete = new google.maps.places.Autocomplete( input, options );

Espère que cela aide..

OriginalL'auteur Prabhagaran

Je cherchais un moyen pour limiter les Lieux de la saisie semi-automatique street_number niveau, mais de ne pas en trouver un.

La meilleure solution que j'ai pu arriver, c'est de vérifier pour la street_number composant dans les lieux de résultats et de présenter une notification à l'utilisateur si il est manquant.

Exemple de code:

var searchbox = document.getElementById('location');

var options = {             
    types: ['geocode']
};

autocomplete = new google.maps.places.Autocomplete(searchbox, options);

google.maps.event.addListener(autocomplete, 'place_changed', function() {
        var place = autocomplete.getPlace();

        var foundStreet = false;

        for (var i = 0; i < place.address_components.length; i++) {
            var c = place.address_components[i];

            for (var j = 0; j < c.types.length; j++) 
            {
                if (c.types[j] == "street_number")
                {
                    foundStreet = true;
                    break;
                }
            }

            if (foundStreet)
                break;
        }

        if (!foundStreet)
            alert("Not a valid street number, add some pretty message to the user.");

        console.log(place);
    });

OriginalL'auteur Robin Andersson

Vous devez vous connecter pour publier un commentaire.