Discussion :

[nenette95]

Bonjour a tous,
Mon Projet : Créer une carte de France sur laquelle les départements changent de couleurs en fonction de la température. Si par exemple il fait 35° dans le VAR, celui-ci est en rouge et qu'il fait 28° dans l'Aisne celui-ci est en jaune. La variation de couleur est proportionnel à la température, donc pas de palier (exemple : entre 15° et 18° jaune, entre 18° et 20° orange etc..) mais bien des couleurs différentes (certes très ressemblantes mais différentes) pour chaque °.
Bien sur je remplirais au préalable la température de chaque département avant d'afficher la carte.
Ma question : Comment modifier la couleur des départements?
Idée 1 : Afficher des images (prédécoupées au dimension de chaque département) en modifiant leur couleur. IMPOSSIBLE, ou je ne sais pas comment faire.
Idée 2 : Créer une map non cliquable en modifiant la couleur de chaque AREA. Je n'y suis pas arriver en modifiant la class de chaque area.

Si vous avez des idées sur comment le réaliser j'en serais ravie.

Merci d'avance
Cordialement

[rodolphebrd]

Créer une map non cliquable en modifiant la couleur de chaque AREA. Je n'y suis pas arriver en modifiant la class de chaque area.

Ce n'est pas possible en CSS.

Plusieurs solutions:

1 - les ressources du forum : http://www.developpez.net/forums/d96...-larea-survol/
2 - mapper.js
3 - faire une carte sprites avec tous les motifs

[nenette95]

Bonjour et merci de cette rapide réponse.

Ce n'est pas possible en CSS.

Cela est possible avec un autre langage?

les ressources du forum : http://www.developpez.net/forums/d96...-larea-survol/

J'avais déjà regardé ce topic qui ne donne pas d’éléments de réponse

mapper.js

J'ai regardé du coté de mapper.js qui correspondrait presque à ce que cherche. Cependant je n'ai pas trouver comment coloriser l'area par défaut (sans le passage de la souris, et c'est ce que je cherche).

Cordialement

[nenette95]

J'ai donc réussi à faire ce que je souhaitais en utilisant le Javascript.