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 !
Laisser un commentaire