Facebook LinkedIn SourceForge Twitter RSS LastFM
logologo

Un gocodeur 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 trs intressant!Merci pour ces excellentes explications.
jeanne.n
06/02/2019 15:56Posté par jeanne.n
Bonjour
je dcouvre votre blog il est trs intressant
Anny
24/11/2013 16:50Posté par Anny
Bonjour et merci pour ce trs bon script !
Je voudrais m'en servir pour encoder des adresses de membres (en plus des gocodes). Tu rcupres une "formatted_address". Comment faire pour rcuprer les lments de l'adresse sparment ? : 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 rsultats 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 trouvs 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 ,
trs 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 gocodeur 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 gnial ?
Je ne vois aucun lien, la faute mon bidule ?
Wanoa
05/01/2012 14:00Posté par Wanoa
Bonjour,
Excellent script qui va m'tre trs 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 spciaux, c'est pas de ma faute ;-)
corix96
08/10/2011 13:59Posté par corix96
gnial, merci beaucoup !
une seule remarque, quand on recherche un point grce des coordonnes 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 trs bien si j'en juge par la dmo ! mais comment le tlcharger (avec la feuille de style ?)
Empty
23/03/2011 15:49Posté par Empty
Trs bon script et trs utile, cependant dans le lab de Google Maps, il est possible d'activer une option nomme "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 coordonnes (latitude, longitude).

Réagir à cet article

*


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


(Lien en dur et dofollow)

zend framework