PC SOFT

PROFESSIONAL NEWSGROUPS
WINDEV, WEBDEV and WINDEV Mobile

Home | Recent messages | Connect |  | English US
Home → WEBDEV 2024 → Autocomplete adresse Google API
Autocomplete adresse Google API
Started by Daniel, Mar., 23 2017 4:19 PM - 1 reply
#1
Registered member
1 message
Posted on March, 23 2017 - 4:19 PM
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
#2
Posted on March, 23 2017 - 7:17 PM
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
→ Go back to WEBDEV 2024