Carte de france clicable

17 avr. 2005, 11:18

Bonjours,

Je ne sais pas si il faut que je poste mon problème ici...

Voila, j'aimerai faire une carte de france ou serai localisés toutes les organisations inscrites sur mon site . Pour les reperer, je pensé faire un script JS qui sauve la position de la souris et qui l'enregistre pour l'affichage d'un point (pour chaque enregistrements)
Mais je ne trouve pas de tutos pour ca, ni de scripts tout prets, Pouvez vous m'aider???

(du style http://perfectgod.free.fr/rubikscubor/i ... page=carte mais sans flash... (si c'est possible...) )
Merci

17 avr. 2005, 12:06

http://www.startyourdev.com/HTML/Balise-AREA.html

17 avr. 2005, 14:16

merci du tuto, je ne connaissai pas... Mais pas de carte de ce type en 'open source' ???

02 mai 2005, 10:14

salut,
et ben concernant les images map en HTML il est conseillé d'utiliser des logiciel approprié tel que l'outil [b]image Map [/b]de (Script Edit ) et ben il est possible a chaque d'ajouter des effet JS en fait il est possible de faire un travail parreil au celui de Flash ...... bon chance

04 mai 2005, 14:43

je crois que j'ai pas trop compris ton explication, c'est domage parce que ca m'interresse beaucoup

04 mai 2005, 16:14

tout d'abord :
pour l'avoir fait je te souhaite bon courage

pour te mettre sur la voie voici un bout de code:

Code : Tout sélectionner

<map name=\"Map\">
<area shape=\"poly\" coords=\"146,123,151,120,158,114,167,114,172,119,172,124,174,127,173,132,161,134,157,131,151,131\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Paris\" title=\"Paris\">
</map>

voila en gros fais des recherche sur map mais le plis galere la dedans c'est de trouver les coordonnées
Mais tu as pas besoin de javascript enfin moi j'ai fait sans

04 mai 2005, 22:27

et me donner un code plus complet??? parce que faire ces coordonnées, je vois pas trop comment la... lol

Ta carte est perso ??

Merci de votre aide

04 mai 2005, 22:39

Si tu as Paint Shop Pro, c'est un peu fastidieux mais facile: tu ouvres ton image dans Paint SHop Pro et tu ouvres un bloc-note.

En balladant ton pointeur de souris sur les endroits de l'image que tu veux mapper, tu vois dans la barre de statut de PSP les coordonnées du point ... que tu n'as plus qu'à noter dans le bloc-note en les séparant par des virgules.

Quand tu as fait le tour de la zone, tu colles ça dans l'attribut coords

Je l'ai déjà fait pour des images et je m'étais bien éclaté à faire le tour de pétales d'un lys pour faire un lien clicable

04 mai 2005, 23:20

Ou avec Dreamweaver, pour une fois qu'il peut être utile.

05 mai 2005, 11:02

okey je vois !!!

et juste comme ca, si on ve rajouter un onmouseover ... pour changer la couleur du département par ex, comment on fait??

05 mai 2005, 11:42

Pour faire ça, tu pourrais le faire avec du CSS, mais on tombe dans le CSS avancé là et tu aurais un autre genre de découpage à faire sur ta carte

Mais en JavaScript, tu ne pourras pas délimiter juste un département pour modifier la couleur sauf en changeant la carte et en remplaçant par la carte qui a le département en question d'une couleur différente: ça veut dire que tu auras un préload de plus d'autant de fichiers images qu'il y a de départements: bonjour le temps de chargement de la page

.

05 mai 2005, 15:29

Je vois, bon, j'essaierai simplement

05 mai 2005, 15:47

Si tu te sens d'attaque pour essayer en CSS, va jeter un oeil là-dessus, c'est assez brillant comme système et ça n'utilise qu'une seule image, mais dans ton cas, elle serait juste plus grande et complexe

05 mai 2005, 23:05

C'est franchement impressionnant meme pour les menu ...

Merci mais je vais deja essayer basique

05 mai 2005, 23:12

c'est très sympa comme système, je prépare un site pour le club de foot d'un de mes frères, j'ai fait le menu de navigation comme ça : une seule image pour tous les boutons de navigation, ça pèse rien et c'est encore plus rapide qu'un changement d'image en JavaScript

Carte de france clicable

Qui est en ligne