PC SOFT

FORUMS PROFESSIONNELS
WINDEVWEBDEV et WINDEV Mobile

Accueil → WEBDEV 2024 → Autocomplete adresse Google API
Autocomplete adresse Google API
Débuté par Daniel, 23 mar. 2017 16:19 - 1 réponse
Membre enregistré
1 message
Posté le 23 mars 2017 - 16:19
Bonjour,

je souhaite avoir un champ adresse qui utilise l'Api de Google Autocomplete.Voici le code que j'ai renseigné dans le code HTMl avant entête :

</script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&signed_in=true&libraries=places&callback=initAutocomplete"
async defer></script>


Ensuite j'ai crée une procedure JS que j'appelle au chargement de la page avec le code suivant :

function AutocompleteSurAdresse(Aliaschamp)
{
//recherche du champ
var input = document.getElementById(AliasChamp);
var options = {
componentRestrictions: {country: 'fr'}
};
//Active l'auto-complétion
var autocomplete = new google.maps.places.Autocomplete(input);
}
}

Mais cela ne fonctionne pas, merci d'avance pour votre aide
Posté le 23 mars 2017 - 19:17
Bonjour Daniel
je ne connais pas l'api en question, mais je vois qu'au départ tu
définie une procédure callback (avec ...callback=initAutocomplete")

Et je ne vois pas cette fonction dans le code que tu nous montre

Logiquement, vu ce dont on parle, ce devrait être la fonction qui reçoit
le résultat et rafraichit ton champ

As tu créé cette fonction ? Quel est son code ?

Cordialement


--
Fabrice Harari
Consultant WinDev, WebDev et WinDev Mobile International

A votre disposition : WXShowroom.com, WXReplication (open source) et
maintenant WXEDM (open source)

Plus d'information sur http://fabriceharari.com

Le 3/23/2017 à 10:19 AM, Daniel a écrit :
Bonjour,
je souhaite avoir un champ adresse qui utilise l'Api de Google
Autocomplete.Voici le code que j'ai renseigné dans le code HTMl avant
entête :
</script>
<script
src="https://maps.googleapis.com/maps/api/js…"

async defer></script>


Ensuite j'ai crée une procedure JS que j'appelle au chargement de la
page avec le code suivant :

function AutocompleteSurAdresse(Aliaschamp)
{
//recherche du champ
var input = document.getElementById(AliasChamp);
var options = {
componentRestrictions: {country: 'fr'}
};
//Active l'auto-complétion
var autocomplete = new google.maps.places.Autocomplete(input);
}
}

Mais cela ne fonctionne pas, merci d'avance pour votre aide