Facebook LinkedIn SourceForge Twitter RSS LastFM
logologo

Un géocodeur Javascript utilisant l'API Google Maps V3

Geoffray Warnants|16/02/2011|40 commentaires

Que ce soit lors de mes développements ou dans la vie de tous les jours, il m'arrive fréquemment de vouloir trouver les coordonnées GPS d'un lieu bien précis, en général à partir de son adresse postale, mais aussi parfois en préférant le localiser sur une carte s'il s'agit par exemple d'un endroit isolé au beau milieu de la savane.

Vu que ni Google Maps, Bing ou Mappy ne nous autorisent à faire ça simplement, j'ai décidé de créer une modeste application de géocodage répondant à mes besoins.
Basée sur l'API Javascript V3 de Google Maps, elle permet d'obtenir la latitude et la longitude d'une adresse postale où d'un marqueur pouvant être déplacé sur la carte. L'opération inverse (reverse geocoding) est également possible, dévoilant donc l'adresse d'un lieu désigné par ses coordonnées GPS.

J'invite ceux qui seraient intéressés par la manière d'intégrer ces services Google à jetter un oeil au code qui se résume en quelques lignes de Javascript d'une étonnante simplicité, et ce grâce à leur API formidablement bien pensée. Pour tout complément d'information, la documentation est tout aussi complète.

Demo

<<< Retour

Vos commentaires

17 commentaires postés

M.Jules
25/02/2019 10:21Posté par M.Jules
Article très intéressant!Merci pour ces excellentes explications.
jeanne.n
06/02/2019 15:56Posté par jeanne.n
Bonjour
je découvre votre blog il est très intéressant
Anny
24/11/2013 16:50Posté par Anny
Bonjour et merci pour ce très bon script !
Je voudrais m'en servir pour encoder des adresses de membres (en plus des géocodes). Tu récupères une "formatted_address". Comment faire pour récupérer les éléments de l'adresse séparément ? : la rue, le code postal, la ville. dans les explications du geocoding API, il y a street_address, locality et postal_code mais je ne trouve pas comment les appeler comme résultats de la fonction ?
Toi qui as l'air de jongler avec tout ça, peux-tu m'aider ? Merci !
Soufiane
06/12/2012 22:38Posté par Soufiane
Bonjour, merci pr la demo
une petite question : comment faire pour faire bouger le marqueur quand on se deplace sur la map? autrement dit, le marqueur doit nous suivre sur la carte pour le pointer là où on veut
merci d avance...
rvmfr13
27/11/2012 21:36Posté par rvmfr13
Bonjour,
Merci pour vos explications !!

est-il possible de mettre plusieurs Marker ?
Oups
20/08/2012 00:15Posté par Oups
Merci pour ce superbe script qui éclaire plus ma lanterne que nombre de tuto trouvés sur le net.
arabe
15/06/2012 17:38Posté par arabe
merci pour le code
cela va m'aider beaucoup pour mon travail
encord merci infiniment
gnanzou
06/06/2012 19:21Posté par gnanzou
bonjour ,
très bon script .pourais je avoir le code source de la demo?
merci
linda
31/05/2012 14:40Posté par linda
@Pascal clique sur le lien géocodeur JavaScript et une fois sur cette page fait un clic droit selectionne "Code source de la page"
Pascal
05/05/2012 00:27Posté par Pascal
Ben oui, il est ou ce script trop génial ?
Je ne vois aucun lien, la faute à mon bidule ?
Wanoa
05/01/2012 14:00Posté par Wanoa
Bonjour,
Excellent script qui va m'être très utile.
Interface propre, claire, pro...
et qui correspond exactement à mon attente.
Merci.
Geoffray
09/10/2011 10:38Posté par Geoffray
@corix96 Hello, merci pour ta remarque ! Oui c'est possible, c'est d'ailleurs un oubli de ma part que je me suis empressé de corriger :)
corix96
08/10/2011 14:00Posté par corix96
desole pour les caracteres spéciaux, c'est pas de ma faute ;-)
corix96
08/10/2011 13:59Posté par corix96
génial, merci beaucoup !
une seule remarque, quand on recherche un point grâce à des coordonnées gps, l'adresse postale (approximative) ne change pas dans la barre de recherche ... alors qu'elle bouge quand on bouge la punaise ...
c'est possible de faire ça ?
merci beaucoup.
Geoffray
06/06/2011 13:18Posté par Geoffray
Ctrl+U
Laurent
05/05/2011 21:47Posté par Laurent
Bonjour,
le script doit être très bien si j'en juge par la démo ! mais comment le télécharger (avec la feuille de style ?)
Empty
23/03/2011 15:49Posté par Empty
Très bon script et très utile, cependant dans le lab de Google Maps, il est possible d'activer une option nommée "Info-bulle LatLng", qui permet -lorsque le curseur se trouve sur un point et qu'on appuie sur la touche SHIFT- d'afficher une info-bulle avec les coordonnées (latitude, longitude).

Réagir à cet article

*


(Ne sera pas publiée, servira uniquement à afficher votre gravatar)


(Lien en dur et dofollow)

zend framework