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 dveloppements ou dans la vie de tous les jours, il m'arrive frquemment de vouloir trouver les coordonnes GPS d'un lieu bien prcis, en gnral partir de son adresse postale, mais aussi parfois en prfrant 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 dcid de crer une modeste application de gocodage rpondant mes besoins.
Base 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 dplac sur la carte. L'opration inverse (reverse geocoding) est galement possible, dvoilant donc l'adresse d'un lieu dsign par ses coordonnes GPS.

J'invite ceux qui seraient intresss par la manire d'intgrer ces services Google jetter un oeil au code qui se rsume en quelques lignes de Javascript d'une tonnante simplicit, et ce grce leur API formidablement bien pense. Pour tout complment d'information, la documentation est tout aussi complte.

Demo

<<< Retour

Vos commentaires

24 commentaires posts

Romane Monier
04/01/2021 06:00Post par Romane Monier
Lorsqu?on parle de l?adresse web, il existe toujours ce fameux Google Maps JavaScript. Je suis int?ress?e par ce dernier, mais je n?arrive pas ? le suivre ? cause de tout ce langage qui me fait mal ? la t?te.
buy cialis online without a prescription
09/11/2020 16:16Post par buy cialis online without a prescription
Way cool! Some extremely valid points! I appreciate you penning this post and the rest
of the website is very good.
latisse cost
11/08/2020 18:47Post par latisse cost
latisse cost
ed supplements that work in minutes
28/07/2020 20:13Post par ed supplements that work in minutes
ed supplements that work in minutes
keflex 500 mg tablet
10/06/2020 20:53Post par keflex 500 mg tablet
keflex 500 mg tablet
cialis coupons
02/06/2020 03:43Post par cialis coupons
Thank you for the auspicious writeup. It in fact was a amusement
account it. Look advanced to more added agreeable from you!
However, how could we communicate?
can you buy amoxicilin over the counter
10/04/2020 00:23Post par can you buy amoxicilin over the counter
can you buy amoxicilin over the counter
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).

Ragir cet article

*


(Ne sera pas publie, servira uniquement afficher votre gravatar)


(Lien en dur et dofollow)

zend framework