Pour ceux qui souhaitent mettre sur leur blog une carte google maps permettant de les localiser, voici un petit tuto pour y parvenir.

L'exemple suivant affiche une carte Google Maps centrée sur le lieu géographique que vous déterminerez (voir point n°5). Le centre de la carte est l'icône d'une petite maison, un clic sur l'icône permet de zoomer d'un niveau.

1) Tout d'abord, il faut vous procurer une "API key". Ce code devra être envoyé par votre page pour afficher votre carte. Vous pouvez vous le procurer en donnant votre url sur cette page. Attention : il faut donner l'adresse du répertoire où est installé votre blog. Par exemple, si votre blog est dans www.monsite.tld/dotclear/, c'est l'url à donner.

2) Ajouter dans votre template.php le code suivant :

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=votreAPIkey" type="text/javascript"></script>

juste avant la balise </head>

3) Modifier la balise <body> ainsi :

<body onload="load()" onunload="GUnload()">

4) Mettre sur votre serveur un fichier icon.png avec l'icône que vous choisirez. Vous devrez en créer une de 32x32 pixels

5) Déterminer vos coordonnées GPS en degrés décimaux (chez moi : 43.039712, 6.125924). Si vous n'avez pas de GPS, utilisez par exemple cette page pour connaître vos coordonnées.

6) Dans un billet en wiki, collez le code suivant :

///html
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
var point = new GLatLng(43.039712, 6.125924);
map.setCenter(point, 10);	
var icon = new GIcon();
icon.image = "url/icon.png";
icon.iconSize=new GSize(32,32);
icon.iconAnchor=new GPoint(16,16);
var marker = new GMarker(point, {icon:icon, title:"Mon joli texte"});
map.addOverlay(marker); 
GEvent.addListener(marker, "click", function() {
map.setZoom(map.getZoom()+1);
}); 
}
}
 //]]>
</script>
<noscript><p>Désolé, JavaScript doit être activé pour utiliser Google Maps. 
Il semble que ce ne soit pas le cas avec votre navigateur. 
Pour voir cette carte, activez javascript et rechargez la page.</p>
</noscript>
<div id="map"></div>
///

C'est presque terminé. La carte s'affichera dans un <div id="map">. Dans style.css, ajoutez donc cette règle :

#map { width: 100%; height: 300px; padding : 10 px; border : 1px solid #1B5EA8; margin : 0 auto;}

Avec width:100%; la carte prendra toute la largeur du billet, utile si vous avez un thème fluide...

Ce n'est qu'une petite partie des possibilités offertes. Pour ceux qui connaissent JavaScript, vous pourrez personnaliser encore votre carte et ses interactions en consultant l'aide de l'API ici.