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

23 mai 2018 - : Javascript jQuery - : Pas de commentaire

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

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 :-)

: Tutoriel Javascript jQuery Google Maps

Commentaires

Pas encore de commentaire

Laisser un commentaire