Discussion :

[fanfouer]

Bonjour à tous,

Dans le cadre d'un projet perso, je souhaite pouvoir éditer graphiquement des zones cliquables d'une image définies au travers de la balise <map/>
Je pensais pouvoir trouver cela facilement sur le net, notamment au travers d'un plugin jquery mais visiblement ca n'existe pas.

Le but est de trouver quelque chose qui me matérialise sous la forme de polygones les différentes <area/> de ma map avec des poignées pour en modifier la forme.
Je souhaite également pouvoir modifier le href du lien vers lequel chaque zone pointe (mais une fois que j'ai chaque polygone, c'est plus facile à faire).

Je suis prêt à développer une solution perso et pourquoi pas la diffuser au plus grand nombre par la suite mais si je pouvais me l'éviter ça serait nettement mieux, notamment au niveau du temps que je me suis fixé.

Si quelqu'un a des pistes je suis preneur.
Merci par avance et bonne journée.

[SpaceFrog]

il existe des mappeurs freeware ...
ou par exemple un module de gimp qui permet de mapper les images.
ça doit aussi exister sous toshop.

[fanfouer]

Bonjour SpaceFrog, merci de ta réponse.

Oui en effet je sais qu'il existe des outils freeware en lourd pour éditer des map HTML, Dreamweaver que j’utilise régulièrement le supporte depuis de nombreuses version.
Hors je souhaite ici le faire en 100% javascript pour ensuite expédier le contenu de la map vers un service http côté serveur. Cela me permettra entres autres de décrire les map dans une base de données pour les reproduire ensuite sans avoir a enregistrer les maps en dur.

Une autre idée?

[SpaceFrog]

http://www.maschek.hu/imagemap
http://www.kolchose.org/simon/ajaximagemapcreator/

[fanfouer]

Ah merci ca m'enlève une grosse épine du pied.

Je vais voir si je peux exploiter ca dans mon projet (au niveau de la récupération de chaque zone etc...) et je fais un retour.

Bonne journée.

[fanfouer]

Bien donc voici le résultat :

J'ai décidé d'utiliser le projet ImgMap hébergé sur Google.
Cela permet d'éditer facilement une map html à l'aide d'un petit objet JS pratique. On aisément sauvegarder le tout vers une base de données ou suivant divers formats et recharger le résultat de la même manière.
Il y a juste besoin d'inclure un CSS puis le fichier JS et tout roule.

Merci pour tes précisions SpaceFrog

[SpaceFrog]

Merci pour le retour d'expérience !