Adresse de remplissage automatique + API Google Maps

Je souhaite présenter à mes utilisateurs une zone de texte dans laquelle ils peuvent saisir leur adresse. Pendant qu’ils tapent leur adresse, je souhaite fournir aux utilisateurs des suggestions / prédictions sur l’adresse qu’ils tentent de taper. Je suis également préoccupé par la pertinence de cette adresse (par exemple, l’adresse n’est pas une adresse à l’autre bout du monde).

Est-ce possible? J’utilise jQuery.

    Vous pouvez utiliser l’API Google Adresses pour effectuer une saisie semi-automatique d’une adresse. Lorsque l’adresse est sélectionnée, le champ adresse_composants contient des données d’adresses structurées (par exemple rue, ville, pays) et peut facilement être converti en champs distincts.

    Voici une courte démonstration de travail:

               

    Jetez un coup d’œil à la suggestion d’adresse et à la démo . Il est implémenté avec les API de géocodage jQuery et Google Maps .

    https://github.com/ubilabs/geocomplete devrait fonctionner pour vous. Vous pourrez également afficher une carte, si nécessaire.

    Si vous utilisez le plugin sans afficher de carte, vous devez afficher le logo “powered by Google” dans le champ de texte.

    Version courante de @Maksym Kozlenko answer Pour ceux qui veulent voir cela en action.

                

    Vous devez utiliser une clé API.

    Voir référence ici.