Discussion :

[mario94]

bonjour,

j'ai une image d'une carte de france vierge

et je voudrais mettre des noms de ville cliquable pour aller sur le site de la ville

comment je peux mettre par exemple paris et ensuite on clique sur paris et là ca se met mon lien qui est par exemple paris.projet.free.fr

merci de votre aide pour m'expliquer comment je doit mettre paris cliquable sur une image dune carte vierge

merci

[MinDBuSteR]

Bonjour,

Peut-être qu'une librairie jQuery pourrait t'aider : qtip2.

[Séb.]

Pour reprendre l'exemple :
Il faut connaître les coordonnées de Paris sur l'image
Afficher l'image et utiliser les balises HTML MAP et AREA pour définir des zones cliquables

http://www.w3.org/TR/html4/struct/objects.html#edef-MAP

[mario94]

merci si je mets mon image sur mon serveur

comment je doit mettre et positionner <erea>paris</erea> et après les membres peut cliquer sur paris pour voir le site de paris etc..

es ce vous avez juste un exemple pour montrer comment on fait

merci de votre aide

[Torgar]

Pour reprendre l'exemple :
Il faut connaître les coordonnées de Paris sur l'image
Afficher l'image et utiliser les balises HTML MAP et AREA pour définir des zones cliquables

http://www.w3.org/TR/html4/struct/objects.html#edef-MAP

Des exemples sont disponibles sur la page que t'as donné Séb, dans la deuxième moitié de la page, après "Client-side image map examples".

Ensuite, une simple recherche sur Google de : map area html te donnera de beaux exemples.

Comme celui-ci qui résume plus que bien le principe : http://cyberzoide.developpez.com/html/map.php3

[mario94]

il dit: Il faut connaître les coordonnées de Paris sur l'image
comment on fait pour savoir les coordonnées malgrez que je sais ou ça situe

si vous pouvez juste m'aidez a mettre une ville sur une image au lieu doner des liens

vous serez trop mignon

merci

[Torgar]

Tu ouvres ton image avec un logiciel du type de Photoshop ou The Gimp. Ensuite, tu affiches la petite fenêtre qui permet d'avoir les coordonnées de l'emplacement du curseur. Puis tu le positionne sur la ville à situer.

Pour t'aider tu peux mettre en calque d'arrière-plan, la carte de france de Google Map ou Open Street Map, avec la position de ta ville. Tu places ensuite ta carte en premier-plan avec une légère transparence pour bien superposer les cartes.

Et voila, roulez jeunesses ! T'as plus qu'a noter les coordonnées X et Y pour les reporter sur ta map HTML.

On pourra pas te donner de coordonnées nous même si on est pas à la même échelle que toi pour la carte.

[mario94]

merci je n'arrive pas prendre une image pour mettre en arrire plan sur googe map et ma carte vierge

si vous pouvez m'expliquer par image ca seras plus simple pour moi et apres le code pour cliquer sur paris ou marseille

merci