var Phenix = function () {
Troll du Web depuis 1996

Javascript


Utiliser Google Map pour suggérer des adresses

Lorsqu’on nous demande « d’autocompleter » un champ adresse, il vient immédiatement la question : avec quelle base de donnée ?

Eh bien, avec celle de Google ?

Une petite astuce que j’ai découvert il y a peu, on peut utiliser l’API de Google map pour créer facilement une autocomplétion d’adresse.

Un peu de JavaScript qui va bien :

  1. // Inclure l'API de Google map, il y a un paramètre de pour spécifier qu'on veut la librairie des places.
  2. <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>
  3. <script type="text/javascript">
  4. $(function () {
  5. var input = (document.getElementById('test'));
  6. var autocomplete = new google.maps.places.Autocomplete(input);
  7. });

Et le html qui va avec :

  1. <input name="Test" type="text" value="" id="test"/>

Et voilà, pas besoin de se casser plus la tête.

Pour ceux qui veulent tester :

https://gist.github.com/phenix-factory/f4d82164f8aee13fb6ec#file-gmap_adresse_autocomplete-html