Utiliser Google Map pour suggérer des adresses

25 January 2015

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:

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

Et le html qui va avec:

<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