Google Maps

Utiliser Google Map pour suggérer des adresses

25 janvier 2015 par Phenix dans Google Maps

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 :

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

Pour ceux qui veulent tester :