Même si l'insertion d'une carte dans les messages du blog reste une opération simple, il est fastidieux d'ajouter une carte après chaque message si l'on désire géolocaliser son message.
Blogger in draft vient à notre secours en permettant de géolocaliser le message par un simple lien vers une carte de Google Maps.
Modifier le modèle du Blog
S'enregistrer sous Blogger in draft. Cette version Brouillon, ne réalise pas les opérations suivantes qu'il faut (encore) effectuer soi-même.
1 - Effectuer une sauvegarde du modèle, en cliquant sur Télécharger le modèle dans son intégralité.
2 - Modifier le modèle pour enregistrer un espace de noms supplémentaire, l'espace georss
Paramètres / Mise en Page / Modifier le code HTML
Ajouter l'espace de noms georss
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection'
xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:georss='http://www.georss.org/georss'>
3 - Cliquer sur Développer des modèles de gadgets
4 - Rechercher le pied de message :
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'>
<data:post.author/>
</span>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url'
rel='bookmark' title='permanent link'>
<abbr class='published'
expr:title='data:post.timestampISO8601'>
<data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span
*** INSERER ICI ***
<span class='post-comment-link'>
...
5 - Avant le lien des commentaires (post-comment-link) insérer
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'>
<data:post.location.name/></a>
</b:if>
</b:if>
<br/>
</span>
Le geotagging des messages
A partir de l'article de référence, voyons comment géolocaliser un message.
1 - Rester sous la version draft (brouillon), et éditer le message
2 - L'éditeur de message comporte une nouvelle option : Pays/territoire, ajouter un lieu (onglet edition HTML)
3 - Saisir le lieu géographique en effectuant une recherche, de la même manière que dans la grille de recherche de Google Maps
4 - Effectuer les règlages détaillés (centrage, type de carte, niveau de zoom) et modifier éventuellement le libellé qui apparaîtra en regard du texte Pays/territoire
5 - Enregistrer. On a ainsi saisi la latitude et la longitude du point géographique à associer au message
Le résultat
Chaque message géolocalisé va comporter la mention Pays/Territoire et l'indication du lieu géographique.
Le code source du blog comporte un lien vers Google Maps avec les paramètres suivants (exemple, Rolle, Suisse) :
http://maps.google.com/maps?q=Rolle, Suisse@46.4707,6.3360&z=10
Le lien va s'ouvrir dans une fenêtre indépendante, comme dans l'exemple ci-dessous (le pied du message géolocalisé) :
Blogger va modifier les Flux RSS et Atom du blog et ajouter les tags :
<thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">
0
</thr:total>
<georss:point>lat long</georss:point>
Ces tags permettront aux agrégateurs de flux d'associer le message à sa position géographique. Nous allons voir que cela permet de réaliser l'opération inverse, associer un point géographique à un message du blog.
Verifier le nouveau flux avec Google Maps
Le nouveau flux du blog contenant maintenant les coordonnées des points géographiques, nous pouvons l'importer sur une carte de Google Maps
Ouvrir une carte, et cliquer sur Modifier. Choisir l'option Importer et saisir l'adresse du flux RSS du blog :
http://NOMDUBLOG.blogspot.com/feeds/posts/default?alt=rss
La carte doit comporter tous les géotags définis dans chaque message. Le marqueur donne accès à l'article correspondant du blog.
Nous passons ainsi de la carte sur le blog, à l'inverse, le blog sur la carte !!
Un exemple avec la carte des Découvertes des Liens du Vin :
Limitation
Lorqu'un message est géolocalisé selon la méthode décrite ci-dessus, la géolocalisation ne peut pas être supprimée. Pour l'enlever du message il faut supprimer celui-ci et recréer le message sans la géolocalisation.
Un gadget pour créer le blog sur la carte de façon dynamique
Pour générer une carte Google Maps, avec tous les articles geocodés, Blogger propose le gadget :
http://blogmap-gadget.googlecode.com/svn/trunk/blogmap.xml
L'insertion de ce gadget se fait avec :
Paramètres / Mise en Page / Eléments de la page / Ajouter gadget
Choisir l'option Ajouter votre propre (gadget) et saisir l'adresse URL du gadget.
Pour ajouter le gadget dans un message, suivre les indications de l'article du blog d'aide.
Pour configurer le gadget, saisir l'adresse du flux RSS du blog
http://NOMDUBLOG.blogspot.com/feeds/posts/default?alt=rss
Une fois le champ Blog's geoRSS feed URL renseigné, cliquer sur Mettre à jour, saisir à nouveau l'adresse du flux et ajuster la carte
La carte générée par le gadget positionne les marqueurs en fonction de la géolocalisation des messages du blog.
La bulle d'information du marqueur permet d'ouvrir une fenêtre indépendante avec le message intégral.
Plus d'informations
L'article de référence, Blogger in draft, Geotagging
Placer une carte personnalisée dans le message du blog
Insérer une carte sur Google Sites
Les vignes vues du ciel
Messages
