Discussion :

[pipipicontrole]

bonjour
je voudrais crée une page web avec la carte de mon payes avec les différentes régions (une carte interactive en tout cour) cliquable .par exemple on a la carte si on clic sur une région que sa affiche les détailles de la région en me redirigent ver les informations de cette mémé région. j'ais effectuer des recherches on ma indiquer la méthode avec inkscape pour la création de l'image svg et Xia pour généré les codes nécessaires, après génération des codes la carte est interactive mais le problème c'est que c'est avec la balise <canvas> que la carte est devenue interactive tan dis qu'avec la balise <map> il y a les attribut area pour les option de clic et autre information ou action lier a la carte ou au région. si vous pouviez m'aidé soi avec des directives ou des liens sa me ferais très plaisir.
merci.

[Spartacusply]

Salut,

pour ma part j'utilise jvectormap (c'est du js, pas du html5).

[pipipicontrole]

j'aimerais me facilité la vie mais on ma demandé de le faire avec HTML5 et inkscape j'ais pas le choix.

[NoSmoking]

Bonjour,
si avec inkscape tu génères du SVG il n'y a pas de balise CANVAS et tu peux mettre des événements, comme onmouseover, sur tes différents éléments tels les path.

[pipipicontrole]

bonjour,
qu'and l'image est en SVG on peux l'integré directement dans une page, ce que j'ais crue comprendre dans mes recherche apre la creation du fichier svg que c'est obligatoire d'utilisé un utilitaire pour convertir le fichier en une page et c'est Xia que j'ais utilisé et qui me donne le canvas.
si depuis au niveau de inkscape on peux géré l'interactivité les syntaxe a mettre dans les champs onmouseover c'est ce qui me pose problème.
merci.

[NoSmoking]

Tu aurais plus de facilité à gérer cela en SVG, compatibilité à regarder néanmoins mais pas moins bonne que CANVAS.
La gestion des événements comme le CSS sont très proches de ce qui se fait en HTML-CSS-javascript.

Tu trouveras un excellent exemple par L’équipe Synbioz, Une carte de France en SVG

[bretus]

j'aimerais me facilité la vie mais on ma demandé de le faire avec HTML5 et inkscape j'ais pas le choix.

Faire de la saisie cartographique sous inkscape, surtout s'il faut gérer des informations attributaires (les informations liées à tes régions) et par la suite des clics : C'est se tirer une balle dans le pied...

La bonne méthode ressemblerait à ça :
- Prendre un outil SIG comme QuantumGIS pour saisir une table des régions (ou même essayer de récupérer/ajouter ces régions sur OpenStreetMap)
- Exporter ces régions en GeoJSON
- Afficher ce GeoJSON à l'aide de Leaflet où il sera juste trivial d'afficher une popup...