[SVG] Carte SVG intéractive
Bonjour!
Je suis actuellement en période de stage; La mission que l'on m'a confié pour l'instant est de maîtriser suffisamment bien le SVG pour faire des cartes intéractives lisibles aussi bien sous Internet Explozer, Firefox, ou Opéra.
Mais je me heurte à certains problèmes. :?
Voici le "rapport d'erreur" que j'ai fait parvenir à mon chef; Si vous avez une idée lumineuse, n'hésitez pas à me mailer pour m'éclairer! :D
Objectif #1:
Afficher une carte intéractive de la France:
_Découpage par régions
_Changement de couleur de la région lorsque le pointeur est dessus (+éventuellement affichage sur la région de pourcentages issus de calculs statisqtiques faits sur une base de données).
Problèmes rencontrés:
.La carte de la France au format SVG vient du logiciel Inscape:
_Comment mettre des évènements pointeurs sur une telle carte?
.Problèmes de navigateurs:
_Sur mon PC au travail (relié partiellement à internet):
>Firefox 1.5 (avec plugin Adobe SVG Viewer 3.03 installé)
n'affiche pas le SVG.*
>Internet Explorer 6.0 (avec le même plugin)
affiche le SVG sans problèmes.
_Sur mon PC portable personnel (non-relié à internet):
>Firefox 1.5 (avec plugin Adobe SVG Viewer 3.03 installé)
n'affiche pas le SVG.*
>Internet Explorer 6.0 (avec le même plugin)
n'affiche pas le SVG;
Une barre d'information en haut de la page indique que "I.E. a restreint l'affichage du contenu actif de ce fichier, qui pourrait accéder à votre ordinateur". En faisant "Autoriser le contenu bloqué..." et en acceptant son execution, je n'obtient rien de plus qu'une petite icone en haut à gauche, représentant une palette de peintre, dont il est impossible de tirer quoique ce soit, mis à part en déduire qu'une "image" devait sans doute être affichée ici.
*:Exemple d'erreur affichée par Firefox=
Erreur d'analyse XML: préfixe non limité à un espace de noms
Emplacement: file://C:/Documents%20and%20settings/.../Diagram08.svg
Numéro de ligne 14, Colonne 15:
<use xlink:href="#triangle" transform="rotate(0,5500,3000)"/>
----^
Sachant que j'ai déjà vu cet exemple (Diagram08.svg *²) fonctionner parfaitement sous Firefox 1.0 et sous I.E. 6.0.
*²:Il s'agit d'un exemple basique d'animation où on fait varier la taille et l'emplacement d'un texte et où, dans le même temps, on fait effectuer une rotation à plusieurs 'clones' d'un même triangle, formant ainsi une jolie rosace mouvante.
Merci d'avance à tous ceux / celles qui me répondront! :D
Survol de carte géographique
Bonjour,
Enfet je voulais savoir c'est quoi le code qui puissent faire que quand on survol sur une région de la carte,la région en question se mette en couleur et dés que l'on quitte cette meme région, elle redevienne normale.
Mon code pour l'instant est le suivant:
<area shape="poly" coords="116,209,139,226,144,271,161,272,184,257,172,201,143,194" href="...\Treflez">
Dc enfet je vous explique, area shape c'est pr la forme de la région(rond,caré,...), le coords cest pr sa longeur et le href cest pr le lien que je veux associer à cette région
et dc je voudrais rajouter la mise en couleur de la zone quand on vient sur la zone,cependant je ne sais pas comment faire!!
Si quelqu'un pouvait m'aider cela serait trés gentil et simpa!!
Merci d'avance
PS:J'ai été voir les site que akrl a donnés cependant je n'ai pas trés bien compris voir rien du tout..dc voila et je dois faire cela pour mon stage dc c'est plutot urgent!!Merci d'avance