Page 1 sur 1

Afficher des zones colorés sur une image

Posté : 26 juin 2009, 16:17
par orgerix
Bonjour,

J'ai actuellement une carte et j'aimerai avoir la possibilité de mettre différentes region avec certaines couleurs. Par exemple, l'Aquitaine en rouge, l'Ile de France en Orange et laBretagne en rouge.

J'ai toujours la possibilité de faire une image pour chaque région et chaque couleur et les placer ensuite en absolue sur la carte, mais ca fait un peu bricolage et ensuite c'est galère si je veux mettre des liens sur l'image.

Le must, ca serait d'avoir un équivalent d'area qui supporte un attribut de couleur.

Posté : 26 juin 2009, 16:47
par enneite
créé pluto une image avec plusieurs couleurs à l'interieur.
C'est ce qu'il y a de plus simple, sinon utilise des maps, ça je m'en sert en fait plus pour les liens que pour les couleurs donc je ne sais pas si c'est vraiment adapté finalement.

Re: Afficher des zones colorés sur une image

Posté : 26 juin 2009, 16:59
par agité
Bonjour,

J'ai actuellement une carte et j'aimerai avoir la possibilité de mettre différentes region avec certaines couleurs. Par exemple, l'Aquitaine en rouge, l'Ile de France en Orange et laBretagne en rouge.

J'ai toujours la possibilité de faire une image pour chaque région et chaque couleur et les placer ensuite en absolue sur la carte, mais ca fait un peu bricolage et ensuite c'est galère si je veux mettre des liens sur l'image.

Le must, ca serait d'avoir un équivalent d'area qui supporte un attribut de couleur.
Pourquoi ne pas intégrer les couleurs directement sur l'image de la carte ?

Posté : 26 juin 2009, 17:02
par orgerix
Parce que je veux pouvoir les changer à la volé, suivant des informaions stockés dans une base de donnée.

Posté : 26 juin 2009, 17:07
par Victor BRITO
À moins de générer la carte en PHP avec la bibliothèque GD, tu n'auras aucune possibilité d'ajouter de la couleur à telle ou telle région avec l'élément HTML area, qui ne permet que de délimiter une zone cliquable d'une carte représentée par l'élément map.

Posté : 26 juin 2009, 17:13
par orgerix
Ok...

Je préfère éviter d'utiliser la bibliothèque GD vu que mon image fait 2000*2000 pixels, donc c'est assez gourmand et ca ne permet pas de cache...

Me reste plus qu'a bricoler quelque chose avec des images positionées en absolu.

Posté : 26 juin 2009, 17:15
par agité
Ok...

Je préfère éviter d'utiliser la bibliothèque GD vu que mon image fait 2000*2000 pixels, donc c'est assez gourmand et ca ne permet pas de cache...

Me reste plus qu'a bricoler quelque chose avec des images positionées en absolu.
Bien que j'ai horreur de ça et de donner un tel conseil peut être, avec flash tu peux faire ça.

:arrow:

Posté : 26 juin 2009, 21:47
par Stef
Bonsoir à tous,

peut-être une piste intéressante ici:

http://www.alistapart.com/articles/imagemap/

Edit:

sûrement une solution!

Redit:

un autre lien intéressant
http://www.frankmanno.com/ideas/css-imagemap/

Posté : 28 juin 2009, 12:32
par orgerix
Ok...

Je préfère éviter d'utiliser la bibliothèque GD vu que mon image fait 2000*2000 pixels, donc c'est assez gourmand et ca ne permet pas de cache...

Me reste plus qu'a bricoler quelque chose avec des images positionées en absolu.
Bien que j'ai horreur de ça et de donner un tel conseil peut être, avec flash tu peux faire ça.

:arrow:
Sauf que Flash, je maitrise absolument pas, et j'ai jamais été capable de trouver une bonne doc...

Re: Afficher des zones colorés sur une image

Posté : 04 mars 2010, 17:53
par smarmion2
Bonjour,

j'arrive un peu tard dans cette conversation mais il est désormais possible de colorer des area shape au survol de la souris.
On peut même colorer chaque area d'une couleur et d'une opacité distincte au chargement de page (amateur de dynamique, à vos mulots)

Un zest de javascript et voila une carte en html - javascript avec de beaux lien href bien "référençables", et des balises title qui servent à générer une
infobulle en javascript css.
Fini les onmouseover et out !

C'est pas pour contredire Victor BRITO, car GD2 marche aussi super bien pour colorer des cartes (idéal pour des stats)

Donc si ça interresse quelqu'un...
cmap.comersi.com > cartes cliquables

Stef

Re: Afficher des zones colorés sur une image

Posté : 05 mars 2010, 00:24
par Calimero
Il semblerait que ton lien ne marche pas. Dommage car ça m'intéressait ;)

Par contre je peux confirmer que c'est réalisable (avec pas mal de JS) pour avoir bossé récemment sur une solution de ce type.

SVG peut aussi être une solution intéressante à exploiter.

Re: Afficher des zones colorés sur une image

Posté : 05 mars 2010, 07:56
par @rthur
Il semblerait que ton lien ne marche pas. Dommage car ça m'intéressait ;)
http://cmap.comersis.com/ ;)

Re: Afficher des zones colorés sur une image

Posté : 05 mars 2010, 17:32
par Calimero
Merci @rthur, effectivement le site est re-up (pas accessible hier soir).

Dommage que ce soit juste une pub pour un service payant (et restrictif dans ses conditions d'utilisation, pas de redistribution envisageable...). J'ai pas trouvé mon bonheur dans les rares cartes html (utilisant area/shape, je n'en ai pas vu une appliquant de coloration ?) proposées (la plupart des cartes intéressantes sont basées sur flash). Par contre les prix sont relativement abordables.