//GMload();
Google Map

lundi 13 octobre 2008

GeoToGMaps : Un premier widget Blogger Geo

Le Jardin des Vestiges

  • Jardin des Vestiges work9, rue Henry Barbusse 13001 .
Le Jardin des Vestiges est un jardin situé derrière le Centre Bourse à Marseille. Il est constitué d'un ensemble de vestiges archéologiques de l'époque grecque qui ont été mis au jour depuis 1967. Il a été créé par Monsieur Joël Louis Martin, architecte paysagiste. On y trouve les restes de l'ancien port romain.
Notre premier Widget va consister a se servir des balises Geo pour créer des liens vers Google Maps. La carte extérieur à notre blog, seras positionnée au point de notre balise Geo avec un marker. Maintenant que l'on a pris l'habitude de Geo-Baliser nos pages, nous allons ecrire en Javascript le code ajoutant une icone et une reférence vers une carte, en lui passant les coordonnées de notre balise Geo.
  1. Ouvrire le tableau de bord de Blogger > Mise en page > Ajouter un gadget de préférence en bas du blog. Choisir le gadget HTML/JavaScript.
  2. Ne pas lui donner de nom, celui ci serais visible dans votre page.
  3. Copier le code suivant dans le contenu.
GeoToGMap from ; Geo Graphique & Sémantique;
  • Jardin des Vestiges
Une explication s'impose. D'abord la dernière fonction getElementsByClass qui cherche dans un document ou un bloc, une classe éventuellement dans un tag particulier. Cette fonction est utilisée pour chercher dans la page tout les éléments classe Geo. Cette fonction devrais figurée dans la boite à outils des parser de micro-formats. GeoToGMaps() quand à elle ajoute a chaque balise Geo trouvée, une image et un "a href" qui renvoie sur la page de Google Maps. ll=... Centre la carte sur nos coordonnée. z=15 correspond à l'échelle de la carte. Et enfin q=Lat Lon Texte correspond au marker. Voila notre premier Widget est en marche, sans trop de travail... Reste a Geo Baliser vos blogs ou vos site. Prochainement nous intégrerons presque aussi facilement la carte dans la page.

0 commentaires: