Carte interactive

Nouvelles régions françaises

Un petit plugin qui exploite une carte SVG (Scalable Vector Graphics) via Javascript jQuery / Raphael (sans Flash).
N’importe quelle carte peut-être gérée en respectant le paramétrage requis qui est une variante simplifiée du paramétrage original en SVG :
– Balise <path/>
– Commande M (Moveto) qui prend en paramêtre les coordonnées du premier point du chemin
– Commande Z (Closepath) qui ferme le chemin en traçant une ligne du dernier couple de points au premier

Par exemple pour la Corse :
Paramétrage SVG
<path d="M 280.3,246.2 L 279.4,241.7 L 277.9,241.1 L 276.8,242.1 L 277,250.8 L 272.7,250.2 L 270.9,252.6 L 265.6,254.7 L 265.2,256.2 L 263.8,256.3 L 262.7,257.7 L 262.8,259.4 L 260.9,261.9 L 260.6,263.4 L 261.9,262.9 L 263.8,265 L 261.2,266.9 L 261.7,269.6 L 265.6,271.8 L 264.4,272.6 L 262.9,276.8 L 266.4,275.5 L 266.9,278.4 L 265.6,281.9 L 270.4,282.9 L 267.9,284.6 L 267.8,286 L 270.2,288.2 L 275.8,289.9 L 276.4,291.3 L 277.9,291.9 L 280.9,284.6 L 279.2,284.4 L 280.5,283.4 L 281.6,280.7 L 281.2,273.3 L 283.9,267.4 L 282,254.3 L 279.9,251.5 L 280.3,246.2 Z"/>
Paramétrage plugin
path: "M 280.3,246.2 L 279.4,241.7 L 277.9,241.1 L 276.8,242.1 L 277,250.8 L 272.7,250.2 L 270.9,252.6 L 265.6,254.7 L 265.2,256.2 L 263.8,256.3 L 262.7,257.7 L 262.8,259.4 L 260.9,261.9 L 260.6,263.4 L 261.9,262.9 L 263.8,265 L 261.2,266.9 L 261.7,269.6 L 265.6,271.8 L 264.4,272.6 L 262.9,276.8 L 266.4,275.5 L 266.9,278.4 L 265.6,281.9 L 270.4,282.9 L 267.9,284.6 L 267.8,286 L 270.2,288.2 L 275.8,289.9 L 276.4,291.3 L 277.9,291.9 L 280.9,284.6 L 279.2,284.4 L 280.5,283.4 L 281.6,280.7 L 281.2,273.3 L 283.9,267.4 L 282,254.3 L 279.9,251.5 L 280.3,246.2 Z"

Paramètres : Nom de la carte ou de ses parties, lien de destination sur clic souris, cible de destination (_self, _blank), style d’affichage (emplacement, taille).

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.