Bonjour,

Je cherche à implémenter l'autocompletion dans un formulaire avec deux champs de saisie texte. Pour cela, j'ai pris exemple sur un code dans la documentation Google en faisant les étapes suivantes :

- dans ma page html j'ai déclaré l'appel de la librairie "places" par :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
pour les champs de saisie suivant (extrait) :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
 
Départ:<input type="text" id="from" value="Adresse de départ"/>
Arrivée:<input type="text" id="to" value="Adresse d'arrivée"/>
ainsi que le script à exécuter pour l'autocomplétion :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<script type="text/javascript" src="js/autocomp.js"></script>
- et la fonction d'autocompletion est la suivante :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
function initAutocomplete()
{
  options = {componentRestrictions: {country: 'fr'}};      
 
  inputFrom = document.getElementById('from');
  autocompleteFrom = new  google.maps.places.Autocomplete(inputFrom, 
                                                                                    options);
 
  inputTo = document.getElementById('to');
  autocompleteTo = new google.maps.places.Autocomplete(inputTo,
                                                                                options);
}
Les codes ont été générés sur la base d'un exemple de Google qui fonctionne bien.

A l'exécution de ma page, on a l'erreur suivante sous Firebug :

TypeError: google.maps.places is undefined
autocompleteFrom = new google.maps.places.Autocomplete(inputFrom,
options)
Je ne comprends pas trop l'erreur obtenue alors que la librairie "places" a bien été déclarée, donc "google.maps.places" doit être connu.

Pouvez-vous m'aider à résoudre ce problème afin d'implémenter l'autocompletion correctement ?
Ou me proposer un exemple de code simple pour l'implémentation ?

Je vous remercie par avance pour vos réponses.

ejazz75