59 votes

Comment créer un champ d'adresse autocomplete avec google maps api?

À l'aide de l'API Google Maps et de JQuery, j'aimerais disposer d'un champ Adresse qui, lors de la saisie, complétera automatiquement l'adresse saisie ici. Comment cela pourrait être réalisé?

74voto

mobiusnz Points 570

Eh bien, mieux vaut tard que jamais. L'API Google maps v3 now fournit l'adresse d'auto-complétion.

Les docs de l'API sont ici: http://code.google.com/apis/maps/documentation/javascript/reference.html#Autocomplete

Un bon exemple est ici: http://code.google.com/apis/maps/documentation/javascript/examples/places-autocomplete.html

3voto

BryanH Points 2725

Dérive un peu, mais il serait relativement facile pour la saisie automatique de la Ville américaine de l'État ou du CA de la Ville/la Provence lorsque l'utilisateur entre son code postal à l'aide d'une table de recherche.

Voici comment vous pouvez le faire si vous pouvez forcer les gens à se plier à votre volonté:

  1. Utilisateur entre: code postal (zip)

    Vous remplissez: état, ville, province, pour le Canada)

  2. L'utilisateur commence à saisir: streetname

    Vous: remplissage automatique

  3. Vous affichez: une plage de numéros d'adresse

    Utilisateur: entre le nombre

Fait.

Voici comment il est naturel pour les gens à le faire:

  1. Utilisateur entre: numéro d'adresse

    Vous: ne rien faire

  2. L'utilisateur commence à saisir: nom de la rue

    Vous: remplissage automatique, dessin à partir d'une énorme liste de tous les coins de rue dans le pays

  3. Utilisateur entre: la ville

    Vous: remplissage automatique

  4. Utilisateur entre: etat/la provence

    Vous: est-ce la peine autofilling quelques caractères?

  5. Vous: remplissage automatique de code postal (zip), si vous le pouvez (parce que certains codes de chevauchement des villes).


Maintenant, vous savez pourquoi les gens frais de $$$ pour ce faire. :)

Pour l'adresse de la rue, considèrent qu'il existe deux parties: numérique et streetname. Si vous avez le code postal, vous pouvez limiter la disposition des rues, mais la plupart des gens entrer dans la partie numérique de la première, qui est backwa

2voto

Wyatt Barnett Points 12541

J'en doute vraiment - l'API Google Maps est un outil formidable pour le géocodage d'adresses connues, mais renvoie généralement des données adaptées à des opérations de type autocomplete. Ignorez le défi de ne pas atteindre l'API de manière à épuiser très rapidement votre limite de requêtes de géocodage.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X