Google Map, que du bonheur !!

Voici un tutorial light sur l’utilisation de Google Map dans votre site web. Cela peut servir pour un site web voulant représenter différentes filiales, étapes d’un voyage, etc …

1. Au préalable, créez une clé API sur le site de Google Map : http://www.google.com/apis/maps/signup.html
Il est possible de créer une clé pour un site développé en local, pour cela l’url “http://localhost/” suffit.

2. Google Map donne le code pour insérer le javascript dans la balise et le

dans la balise .
Voici quelques liens qui m’ont donné un coup de main :
http://www.google.com/apis/maps/documentation/index.html
http://fardeen.biz/index.php/tutoriel-application-google-map-avec-php/
http://n01se.net/chouser/gmapez/start.html

Et le forum officiel : http://groups.google.fr/group/Google-Maps-API

3. Si vous avez beaucoup de lieux à insérer et que vous connaissez un peu xml, voici quelques pages qui vous aideront :
http://www.journaldunet.com/solutions/0605/060505-…-maps.shtml

Pour obtenir les latitude et longitude, deux possibilités :
– une fois l’adresse envoyée sur Google Map, cliquez sur “Obtenir l’URL de cette page” et recopiez les valeurs après “&ll=”.
– si cette info est manquante, il est possible de l’obtenir sur http://www.travelgis.com/geocode/. Plus contraignant mais vous êtes sûr d’avoir les coordonnées, plus précises qui plus est.

4. Avec SPIP, il existe différents plugins ou codes à insérer. A voir sur http://www.spip-contrib.net/?Cartographie

La richesse de l’API de Google Map permet toutes les folies, pour peu que vous cherchiez bien !

Voici un exemple pour un site de mon employeur : http://www.afec-europe.com/home/spip.php?article35

Leave a Reply

Your email address will not be published. Required fields are marked *

Please leave these two fields as-is:

This site uses Akismet to reduce spam. Learn how your comment data is processed.