Partager une carte Google Maps

Partager rapidement une carte Google Maps sans utiliser un script

Il existe maintenant une manière d'insérer une carte Google Maps comme s'il s'agissait d'une simple image que vous pouvez manipuler de différentes façons. Une autre manière de dire que vous n'avez plus besoin de faire une capture d'écran pour montrer où vous habitez ou indiquer un lieu intéressant à visiter.
L'API Google Maps repose sur le langage Javascript et suppose une certaine habitude de la programmation. La version statique de l'API Google Maps offre une manière simple d'ajouter une carte Google Maps à votre site ou votre blog. L'image de la carte est créée à la volée en utilisant des requêtes HTTP. Cette technique requiert en tout et pour tout une adresse URL avec un attribut SRC et une balise IMG.



Voyons comment procéder :
Obtenez une clé API à partir de la page d'accueil de l'aide de Google Maps API.
Cochez la case I have read and agree with the terms and conditions.
Saisissez l'adresse URL de votre site.
Cliquez sur le bouton Generate API Key.
Copiez la clé qui sera générée à un emplacement sûr de votre disque dur.
Le code qu'il vous faudra utiliser peur ressembler à celui-ci :

<img src="http://maps.google.com/staticmap?center=47.15984, 2.988281&zoom=12&size=512x512&key=MAPS_API_KEY">

Remplacez simplement la mention MAPS_API_KEY par votre propre clé API.
Il existe aussi un assistant qui vous permet de créer très rapidement une carte avec un marqueur à l'emplacement que vous aurez choisi. Il a été baptisé le "Static Map Wizard".
Saisissez l'adresse de base puis cliquez sur le bouton Create Marker Here.
Dans la rubrique Customize Size & Preview, définissez la taille en pixels de votre carte.
Cochez la case I agree to abide by the Maps API.
Indiquez l'adresse URL de votre site puis cliquez sur le même bouton que précédemment.
L'adresse URL que vous devrez copier apparaîtra juste en-dessous.
Les lecteurs quelques peu au fait vont ricaner en me disant qu'ils connaissaient déjà tout ceci. C'est sûr mais j'en viens maintenant au plus important : puisque l'on n'utilise qu'une image, il est possible d'employer cette même technique pour intégrer rapidement une carte Google Maps à un mail en tant que pièce jointe ou l'afficher sur n'importe quel téléphone mobile qu'il supporte ou non le Javascript ou encore l'insérer dans un site ou blog… La méthode employée est donc différente de celle qui consiste à insérer votre carte en utilisant une iFrame. Elle a aussi le mérite, si elle offre moins de possibilité, d'être beaucoup plus rapide à mettre en œuvre.

Une documentation complète sur l'API statique de Google Maps est accessible à partir de cette page de Google Code.
La syntaxe de base est celle-ci :

http://maps.google.com/staticmap?paramètres.
Par exemple : http://maps.google.com/staticmap?center=40.714728,-73.998672&zoom=14&size=512x512&maptype=mobile&markers=40.702147,-74.015794,blues%7C40.711614,-74.012318,greeng%7C40.718217,-73.998284,redc&key=MAPS_API_KEY

Les paramètres autorisés sont les suivants :
Center (requis si aucun marqueur n'est défini) ;
Zoom (requis si aucun marqueur n'est défini) ;
Size (requis) : la taille de la carte ;
Maptype (optionnel) : le type de carte. Deux valeurs sont possibles : roadmap (carte) ou mobile (la carte sera adaptée aux écrans plus pertits et offrira des polices de caractères plus lisibles) ;
Markers (optionnel) : permet de définir un ou plusieurs repères. La syntaxe sera la suivante :

markers=markerDescriptor1|markerDescriptor2|markerDescriptor3|... etc.

Les descripteurs pour les repères sont les suivants ;
{latitude} (requis) : définit une valeur latitudinale avec une précision de 6 décimales.
{longitude} (requis) : définit une valeur longétidunale avec une précision de 6 décimales.
{color} (optionnel) : définit une couleur pour le marqueur{red,blue,green}.
{alpha-character} (optionnel) : définit un caractère alphabétique en minuscule {a-z} qui s'inscrira sur votre marqueur.
Votre déclaration peut donc ressembler à celle-ci :

markers=40.702147,-74.015794,blues|40.711614,-74.012318,greeng&key=.

Si vous définissez deux repères ou plus, l'API Google Maps déterminera le zoom et le centre approprié.
On obtient au final ce type d'adresse URL :

http://maps.google.com/staticmap?size=512x512&maptype=mobile&markers=40.702147,-74.015794,blues|40.711614,-74.012318,greeng&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA

Afin de l'insérer sur votre site, utilisez cette syntaxe : <img src="Adresse URL" />
Dernier point important : il y a une limite d'utilisation fixée à 1000 requêtes par utilisateur et par jour. Enfin, l'image renvoyée est au format GIF.
Cette excellente intiative n'est qu'un pas de plus vers la cartographie de masse…
(Via Google Maps API Blog)