Carte de france clicable

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Carte de france clicable

par pirquessa » 13 mai 2005, 19:01

je ne vois pas trop le rapport ni le but du lien que tu m'indique...

Une explication???

par guy » 13 mai 2005, 16:36

tu peu faire cela facilement en php.
J'ai fait ca pour reseaucitoyen (wifi)
http://guylinux.no-ip.com:2000/dev/node_rc/v2/map.php
te donneras un exemple et comme j'ai mis le script en gpl tu peut facilement te servir dans les sources ...
Guy

par seayoung » 06 mai 2005, 11:05

non c'est pas que je garde mon taf bien au contraire si je peux partager ce que je trouve je le fait avec plaisir mais pour ce qui est de te donner les coordonnée de ta carte ne l ayant pas c un peux cho :wink:
mais bon tu sais récupère mon code mets tes coordonnées et c partie :P
mais si tu as d autre question n'hesites pas
et encore une fois bon courage :wink:

par pirquessa » 06 mai 2005, 10:58

Oui, c'est sur que des coordonnnées comme ca, ca sert pas trop, lol, merci

tkt, je peut comprendre que tu garde ton taf :)

Je pense avoir trouvé ce qu'il me faut, merci :)

par seayoung » 06 mai 2005, 10:20

je veux bien te filler les coordonner mais je peux pas trop en faire c pas que c perso mais c o niv de mon taf ...
de plus si tu as pas la meme image les coordonnées ne vont pas corespondre enfin en voila un gros bout

Code : Tout sélectionner

"<map name=\"Map\"> <area shape=\"poly\" coords=\"195,3\" href=\"#\"> <area shape=\"poly\" coords=\"194,4,197,6,197,12,203,18,209,14,212,23,220,25,223,31,230,31,234,38,233,43,227,41,218,41,211,43,204,42,194,36,186,35,180,29,174,30,172,10,180,6\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Nord Pas de Calais\" title=\"Nord Pas de Calais\"> <area shape=\"poly\" coords=\"173,30,173,34,168,39,174,45,176,51,176,61,175,73,185,72,191,74,200,77,208,76,217,84,221,80,220,75,222,73,221,68,230,66,230,56,235,52,235,44,227,41,219,42,210,43,203,41,194,38,186,36,179,31\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Picardie\" title=\"Picardie\"> <area shape=\"poly\" coords=\"141,63,137,59,140,54,147,49,155,46,163,44,167,40,175,48,175,60,175,74,170,76,168,84,163,87,155,90,148,82,143,81\" href=\"".$_SERVER["PHP_SELF"]."alt=\"Haute Normandie\" title=\"Haute Normandie\"> <area shape=\"poly\" coords=\"90,49,98,53,105,52,107,61,113,63,128,66,139,64,142,77,149,85,156,99,151,106,142,103,142,99,133,100,127,95,117,97,104,93,98,94,98,87,95,81,95,72,94,65,90,60\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Basse Normandie\" title=\"Basse Normandie\"> <area shape=\"poly\" coords=\"17,91,24,95,27,103,19,104,26,114,36,113,51,121,62,127,70,131,78,129,84,123,96,119,100,120,107,112,106,104,107,95,98,95,97,88,90,89,87,86,81,89,74,87,68,90,60,77,50,78,42,83,26,82,20,86\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Bretagne\" title=\"Bretagne\"> <area shape=\"poly\" coords=\"84,167,77,154,79,147,76,138,68,136,68,131,76,132,85,124,97,119,100,120,106,112,107,96,117,97,126,97,133,100,142,100,142,104,153,108,151,120,138,130,132,144,120,148,110,151,114,161,114,174,105,175,98,177\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Pays de Loire\" title=\"Pays de Loire\"> <area shape=\"poly\" coords=\"97,194,101,191,101,184,99,178,105,176,114,174,113,160,111,153,132,145,138,153,148,152,152,161,152,166,158,168,160,173,149,179,152,188,147,198,142,203,136,208,135,214,129,217,122,218,115,213,109,210,105,204\" href=\"".$_SERVER["PHP_SELF"]."alt=\"Poitou Charentes\" title=\"Poitou Charentes\"> <area shape=\"poly\" coords=\"98,204,103,202,108,209,120,217,126,220,136,215,136,208,144,201,153,203,160,210,159,215,163,222,163,228,152,239,152,245,149,248,150,251,145,257,136,259,132,260,127,262,123,260,120,268,118,275,122,277,124,283,116,301,106,303,104,296,87,291,88,283,78,281,86,275,89,260,98,233,95,226,98,216\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Aquitaine\" title=\"Aquitaine\"> <area shape=\"poly\" coords=\"141,309,142,303,151,305,157,310,164,312,171,314,181,311,176,306,178,299,175,293,170,290,175,283,195,283,196,276,206,274,206,269,210,269,215,261,208,252,208,246,199,228,191,236,183,237,183,230,178,226,172,228,169,223,165,223,152,239,150,250,145,257,129,261,123,262,121,274,124,283,116,301,121,307,131,308\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Midi Pyrénées\" title=\"Midi Pyrénées\"> <area shape=\"poly\" coords=\"204,235,209,229,213,225,217,231,222,230,236,252,246,250,254,263,247,272,238,280,232,279,219,288,210,292,205,306,208,318,198,319,187,327,184,319,177,321,174,317,170,313,182,310,176,306,178,299,171,290,176,284,194,283,196,276,205,274,207,268,214,262,208,252,207,244\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Languedoc Roussillon\" title=\"Languedoc Roussillon\"> <area shape=\"poly\" coords=\"336,265,336,277,330,277,320,281,316,290,314,297,319,301,315,304,319,307,316,311,321,314,320,321,331,327,337,317,336,309,342,299,343,290,341,283,340,275,339,268\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Corse\" title=\"Corse\"> <area shape=\"poly\" coords=\"238,281,246,282,252,286,257,282,259,285,267,286,268,290,276,290,282,295,290,294,302,290,302,284,309,279,314,275,323,267,328,255,318,254,307,249,308,243,309,235,308,230,301,226,298,220,289,220,291,227,284,229,276,237,274,243,269,247,275,252,270,255,262,253,257,250,252,252,248,251,254,264,248,272,239,281\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Provence-Alpes-Côte d'Azur\" title=\"Provence-Alpes-Côte d'Azur\"> <area shape=\"poly\" coords=\"226,180,226,189,224,196,229,205,230,212,240,211,243,219,227,235,236,251,252,251,263,251,271,255,275,253,268,249,273,240,284,231,291,225,287,222,291,220,297,220,305,218,311,210,307,206,304,199,303,193,307,189,302,181,300,174,291,175,286,181,280,183,283,175,275,179,269,179,263,173,255,172,250,180,242,179,236,184,230,183\" href=\"".$_SERVER["PHP_SELF"]."alt=\"Rhône Alpes\" title=\"Rhône Alpes\"> <area shape=\"poly\" coords=\"187,173,192,169,195,166,200,161,209,163,221,163,225,170,231,175,226,180,224,196,231,211,240,212,242,218,228,236,222,231,216,231,212,226,204,235,198,229,192,235,185,236,181,228,190,212,192,198,189,194,195,191,193,183,192,178\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Auvergne\" title=\"Auvergne\"> <area shape=\"poly\" coords=\"160,173,173,174,175,172,185,173,192,180,195,191,190,194,191,201,190,211,181,226,174,227,168,224,166,224,160,215,160,209,154,203,146,201,152,190,150,181\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Limousin\" title=\"Limousin\"> <area shape=\"poly\" coords=\"133,144,139,130,148,126,152,118,153,107,156,98,154,91,170,83,172,90,180,103,190,104,194,110,205,109,208,116,204,125,203,138,207,149,205,160,186,172,175,173,160,173,156,167,152,167,151,159,148,153,138,154\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Centre\" title=\"Centre\"> <area shape=\"poly\" coords=\"205,109,207,103,216,102,220,106,224,110,229,117,245,116,253,119,253,126,264,130,267,140,262,152,265,156,265,172,255,171,250,178,242,179,236,183,230,183,227,180,229,175,222,167,218,163,208,162,208,154,207,144,203,136,204,131,203,124,207,117\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Bourgogne\" title=\"Bourgogne\"> <area shape=\"poly\" coords=\"264,130,271,126,281,114,292,117,303,122,309,132,303,136,305,139,291,154,292,159,283,168,283,175,276,178,270,177,265,172,265,158,263,152,267,141\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Franche Comte\" title=\"Franche Comte\"> <area shape=\"poly\" coords=\"170,82,172,76,184,72,198,77,206,76,216,84,216,94,214,102,207,104,205,109,195,110,188,105,180,105,175,94\" href=\"".$_SERVER["PHP_SELF"]."alt=\"Ile de France\" title=\"Ile de France\"> <area shape=\"poly\" coords=\"247,37,245,43,235,44,235,52,231,57,230,66,221,69,221,79,217,84,214,101,229,117,237,117,246,117,251,120,255,127,265,130,272,125,276,118,269,113,270,107,264,100,255,92,252,85,254,80,252,70,255,64,255,58,262,57,253,51,249,46,249,37\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Champagne Ardenne\" title=\"Champagne Ardenne\"> <area shape=\"poly\" coords=\"261,58,268,59,276,61,281,60,291,64,295,72,311,72,316,75,313,78,303,78,304,83,309,84,308,92,306,101,307,105,303,114,302,121,290,117,281,115,276,118,270,113,271,106,259,95,253,87,253,76,253,68,255,61\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Lorraine\" title=\"Lorraine\"> <area shape=\"poly\" coords=\"308,133,314,133,318,128,318,117,317,109,321,101,323,89,328,82,329,76,322,75,316,75,312,79,303,80,309,86,307,95,306,106,304,116,306,123\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Alsace\" title=\"Alsace\"> </map>";
Mais j ai peur que tu doives trouver les coordonner des différents point sur ta carte .
En espérant que ca va t aider
bon courage :wink:

par Cyrano » 06 mai 2005, 09:34

C'est précisément le problème, tu devrais multiplier la carte pas beaucoup plus qu'un seul double en dessous.

Il te reste le flash... :?:

par pirquessa » 06 mai 2005, 08:11

Oui mais sur tout une carte ca risque d'etre assés lourd...

par Cyrano » 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 :)

par pirquessa » 05 mai 2005, 23:05

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

Merci mais je vais deja essayer basique ;)

par Cyrano » 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

par pirquesssa » 05 mai 2005, 15:29

Je vois, bon, j'essaierai simplement ;)

par Cyrano » 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 :P.

par pirquessa » 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??

par pjl » 04 mai 2005, 23:20

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

par Cyrano » 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 ;)