Trouver les coordonnées GPS à partir de l'adresse avec l'API Google Maps

23 mai 2018 - : Javascript jQuery - : 0 commentaire - Javascript jQuery

Dans certains cas il peut être nécessaire de récupérer les coordonnées GPS à partir d'une adresse postale.

Nous allons partir de plusieurs affirmations :

  • Vous avez inclus l'API Google Maps au moyen d'une balise script, et utilisé une clé d'API
  • Vous utilisez jQuery
  • Un champ de formulaire appelé "adresse" permet à l'utilisateur de fournir l'adresse

Voici le code commenté pour récupérer les coordonnées de latitude (lat) et de longitude (lon)

$("#formulaire").on("submit", function(e) {
    e.preventDefault(); // Empêcher la page de se recharger
    var adresse = $("#adresse").val(); // Nous récupérons le contenu du champ adresse
    if(adresse != ""){ // Si l'adresse n'est pas vide
        var geocoder =  new google.maps.Geocoder(); // On instancie le geocoder
        geocoder.geocode( { 'address': adresse}, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) { // Si l'adresse a été résolue
                lat = results[0].geometry.location.lat(); // On récupère la latitude
                lon = results[0].geometry.location.lng(); // On récupère la longitude
            } else {
                alert("Something got wrong " + status);
            }
        });
    }
});

Voilà, bref mais fini :-)

Obtenir de l'aide

Pour obtenir de l'aide, vous pouvez accéder au serveur Discord pour une entraide par chat

Partager

Partager sur Facebook Partager sur Twitter Partager sur LinkedIn

Commentaires

Ecrire un commentaire

Pas encore de commentaire

Ecrire un commentaire