Personnaliser ses cartes Google Maps : les icones - Scripts

Navigation: Pages Webmaster > Scripts

Google Maps propose une API permettant d'intégrer des cartes sur un site web, le webmaster à libre cours pour géocoder des adresses web, afficher des points et des services ... Google propose également une palette d'icones permettant d'afficher des épingles, pointant sur un lieu. Un peu de programmation permet d'afficher non pas les épingles de google, mais ses propres icones, ou image. Le projet qui suit le tour du monde à vélo de Jean Gabriel Chélala affiche ainsi une icone personnalisé communiquant bien mieux sur l'évènement qu'une anodine épingle, fusse t'elle rouge ou bleue. En utilisant le script avec des variables, ce sont les icones de son choix qui sont personnalisées, les autres restant anodines ou personnalisée mais différement. Du coté du code, nous avons la déclaration de l'icone :

var icon = new GIcon();
icon.image = "chemin vers l'image";
icon.iconSize = new GSize(60, 35);
icon.iconAnchor = new GPoint(18, 3);
icon.infoWindowAnchor = new GPoint(10, 1);

puis son utilisation :

var marker = createMarker(point, legende, my_icon);

sans oublier la fonction qui fait tout :

function createMarker(point, legende, icon) {
var marker = new GMarker(point, icon);
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(legende);
});
return marker;
}

Coté démo, voyez l'Expédition 48 degrés Nord l'illustration de ce code source dans Etape du jour.

Personnaliser ses cartes Google Maps : les icones (le 20/03/2008 - 408 lectures)
Syndication et portail web (le 18/08/2005 - 3.044 lectures)
Interdire le clic droit (le 19/11/2004 - 10.655 lectures)
CMS Gestion de contenu (le 15/02/2004 - 3.817 lectures)
Pages statiques ou pages dynamiques (le 15/10/2003 - 2.759 lectures)
Alléger la bande passante, optimiser le code source (le 19/06/2003 - 3.121 lectures)

Partager cette page sur :          

Commentaires

Web phortail.org

• Adsense et la chute du dollar
• L'ergonome, le graphiste, et la direction métier face à un site internet
• Les niveaux de contrôle des données du système d'information
• Projet d'accord sur la réforme du marché du travail
• Mise en oeuvre de la solution en gestion de projet