LeasySudoku

Photographie


Accueil   Actualités   Utilisation de Google Maps

Utilisation de Google Maps

Convertir en PDF Version imprimable Suggérer par mail
Appréciation :       81 vote(s)
Faible Meilleur
Social BookmarkingApple News MQCD Blinklist Blogmarks Bookmarks del.icio.us Digg Facebook Furl Google Bookmark! Windows Live Favorites ma.gnolia Netvouz Reddit Simpy Spurl StumbleUpon Taggly Wikio Yahoo MyWeb
Écrit par Nicolas PIED
Publié le 05-09-2006 - 24056 hits

Obtenir les coordonnées géographiques d’une adresse postale donnée

L’API Google Maps, dans sa version 2, permet de déterminer les coordonnées géographiques d’une adresse postale donnée. Ceci est réalisé via l’utilisation de l’objet « GClientGeocoder » qui utilise les méthodes HTTP pour interroger les serveurs concernés. Cette fonctionnalité est donc bien plus simple pour l’utilisateur que de saisir les latitudes et longitudes.

Recherche et conversion d'adresses
Recherche et conversion d'adresses


A partir d’un champ de saisie, l’utilisateur va indiquer l’adresse du lieu qu’il souhaite localiser. Suite à la validation du formulaire, la fonction « showAddress » ci-dessous lui indiquera le lieu d’un marqueur si celui-ci a pu être localisé. Sinon un message d’alerte avertira l’utilisateur que le lieu n’a pu être trouvé.

La carte est automatiquement recentrée sur un lieu localisé et une « info-bulle » affiche son adresse.

/* Création de l'objet GClientGeocoder */
var geocoder = new GClientGeocoder();
 
/* Fonction qui à partir d'une adresse va déterminer le point géographique */
function showAddress(address) {
    if (geocoder) {
        geocoder.getLatLng(address, function(point) {
            if (!point) { /* Si les coordonnées n'ont pas été trouvés */
                alert("Impossible de localiser l'adresse :\n\n" + address);
            } else { /* /* Les coordonnées ont été trouvés */
                /* Centrer la carte sur le point */
                map.setCenter(point, 14);
                /* Création d'un marqueur */
                var marker = new GMarker(point);
                /* Afficher le marqueur */
                map.addOverlay(marker);
                /* Associer une info-bulle au marqueur */
                marker.openInfoWindowHtml(address);
            }
        });
    }
}
Visualiser l’exemple utilisant « Geocoder ».
Télécharger les sources de cet exemple.

Faîtes un commentaire

Nom :
Titre :
Commentaire :

 
300 caractères restants
 
Dernière mise à jour : 06-09-2006