Discussion :

[a.collery]

Qu'est-ce qu'un data-agence sur les areas?

[SpaceFrog]

data-image permet de stocker une référence à l'agence au niveau de l'area
L'exemple précédent avec jquery basculé sur une image
il y a trois zones à clicker (pas très visibles sur l'image .... )
http://jsfiddle.net/vanp6e38/3/

[a.collery]

Merci c'est vraiment ça que je voulais

[SpaceFrog]

Oui, ça on le sais depuis le début ...
le but est de te faire trouver la solution par progression ...

[a.collery]

Merci, cela m'a fait comprendre le code en tout cas

[a.collery]

J'ai tout fais comme vous m'avez dis, mais il n'y a aucun affichage des mots quand on clique sur un emplacement.
Voici mon code:
http://jsfiddle.net/#&togetherjs=J5niokSopn

[a.collery]

J'ai résolu mon problème:
j'appelais la mauvaise map:
http://jsfiddle.net/#&togetherjs=J5niokSopn

[a.collery]

Dernière petite question en faite, comment je pourrais avoir les marqueurs de ma map qui change c'est à dire passer de:

à:

lorsqu'on clique sur la ville?
Et aussi comment faire apparaitre le nom des villes?

[SpaceFrog]

du coup si tu veux avoir des marqueurs qui se modifient, plus besoin de map

Le principe serait d'avoir ton image de carte en fond soit petit zindex ou bgimage ...
puis tu viens placer au dessus en zindex superieur un autre div dont tu ferais changer le background image de position un
cela suppose d'avoir une image qui comprend les deux état de ton marqueur
il ne te reste plus qu'à gérer le click sur ton div de marqueur pour 1 afficher les donnée et 2 modifier la position du background pour modifier l'image

[a.collery]

Et je ne peux pas le faire avec ce que j'ai déjà? Je dois recommencer quelque chose?

[SpaceFrog]

tu vas avoir du mal à modifier juste l'image du marqueur en superposant juste le marquer, ou alors il te faudra une image complète de la carte avec a chaque fois juste un marquer sélectionné ...

[a.collery]

Donc il faudrait tout recommencer pour que cela soit plus simple? Mais est ce que j'aurait le meme rendu que j'ai actuellement?

[SpaceFrog]

Exactement le même rendu

il te faut deux images : la carte sans les marqueurs et une image avec les deux marqueurs (sorte de sprite)

[a.collery]

On m'a dis que c'était possible de faire cela en gardant ce que j'ai déjà fais et en ajoutant des onclick

[SpaceFrog]

je ne vois pas comment modifier tes marqueurs en conservant ce que tu as fait autrement qu'avec les solutions données plus haut ... c'est a dire moches et hasardeuses ...
soit une image complète de carte pas agence sélectionnée, soit en venant plaquer ton image de marqueur sélectionné au dessus de ton image globale

AUtre avantage de placer les agences sur une carte vierge, il te suffit de stocker les coordonnées des agences dans le json ...
Tu pourras ainsi rajouter très simplement une agence el l'ajoutant simplement dans le json ...

[a.collery]

C'est juste des images qui vont changer donc ceci peut etre possible avec un onclick

[SpaceFrog]

donc tu seras obligé de stocker autant d'image de pleine taille que tu as d'agences ...
ce qui va immobiliser de l'espace serveur et consommer inutilement de la bande passant et allonger le temps de chargement ..
Mais si tu veux coder comme un cochon ... libre à toi

[a.collery]

Suffit d'utiliser une fonction qui va permettre le changement d'image

[SpaceFrog]

Regarde sur ce exemple ...
http://www.ouestisol.fr/fr/carte.php
trois images : une carte un eboule et une epingle ..

on peut reduire à deux images ...

les boules sont placées par un code js recupérant les infos d'un json

et ....
oui il suffit de modifier le src de l'image ... mais cela suppose comme sus dit autant d'images que d'agences et donc le chargement de chacune des images ... toutes de la taille de la carte globale ...

[a.collery]

Je n'aime pas trop le résultat, et à mon taff on m'a dit qu'utiliser un zindex c'est pas tres propre