Home » Programmation Web » Langages Web » Formulaire dynamique avec géocodage

Formulaire dynamique avec géocodage

Petit script JS utilisant une API de géocodage.

L’article d’aujourd’hui est un partage de script simple en jQuery. il vous permet de relier un formulaire de 3 champs (adresse, code postal et ville), avec une API de Géocodage.

En notant une adresse dans le champ, le script vous propose une liste d’adresses qui peuvent correspondre à votre demande. En cliquant sur l’adresse que vous rechercher, cela rempli les 3 champs avec les valeurs correspondantes.

Je vous partage le code sur codepen, pour que vous puissiez le tester : Dynamic form – geocoding API

Le script possède quelques dépendances : bootstrap 4.5 pour le CSS et Jquery 3.6 pour le Javascript.
Vu la simplicité du code, il est possible de se défaire de ces dépendances, avec quelques modifications.

L’API utilisé se situe à l’URL https://geo.api.gouv.fr/adresse. Elle est simple à utiliser, et la documentation est en Français. C’est pour cela que j’ai pu imaginer et créer ce petit script en moins d’une demi-journée.

Ce script peut être largement améliorable, par exemple en ajoutant d’autres fonctionnalités avec Google Maps, voir Leaflet.

Que pensez-vous de ce petit script !

Posté dans Langages Web, Programmation Web

6 commentairess pour “Formulaire dynamique avec géocodage

Répondre à louvard Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.