Masque pour carte réactive

Téo Path

unread,

Mar 24, 2009, 1:00:27 PM3/24/09

to

Bonsoir à tous

J'ai mis en place sur mon site une carte réactive parmettant d'accéser à
des listings départementaux

http://www.national.do-annu.com/depart.php

J'aimerait obtenir le même effet que là :

http://www.national.do-annu.com/localisation.php

C'est à dire que le département change de couleur au passage de la souris

Pour celà il me faut des caches de ce type :

http://www.national.do-annu.com/img/map_1.gif

Je dispose de toutes les coordonnées au travers des zones réactives, mais
je n'ai pas envie de tout dessiner à la main.

Selon vous, existerait-il un logiciel qui permettrait, à partir du mapping,
de générer ces fameux caches

D'avance Merci

--
Teo Path
http://www.osteopathe-lille.com
http://www.do-annu.com

Dominique Ottello

unread,

Mar 24, 2009, 2:23:45 PM3/24/09

to

Téo Path <sanrei...@wanadoo.invalid> écrivait :

> Bonsoir à tous

> J'aimerait obtenir le même effet que là :
>
> http://www.national.do-annu.com/localisation.php

> Je dispose de toutes les coordonnées au travers des zones réactives, mais

> je n'ai pas envie de tout dessiner à la main.
> Selon vous, existerait-il un logiciel qui permettrait, à partir du mapping,
> de générer ces fameux caches

Dans le lien susmentionné, les « caches » sont fait par une "<map...>"
par exemple :

Pour « découper » une image générer un <map ...., il existe mapedit.
http://www.boutell.com/mapedit/
--
Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Technologie aéronautique : http://aviatechno.free.fr (http://ottello.net)
Concorde dans la presse de 1965 à 2003 : http://le.pointu.free.fr

Téo Path

unread,

Mar 24, 2009, 6:06:10 PM3/24/09

to

> Téo Path <sanrei...@wanadoo.invalid> écrivait :
>
>> Bonsoir à tous
>> J'aimerait obtenir le même effet que là :
>>
>> http://www.national.do-annu.com/localisation.php
>
>> Je dispose de toutes les coordonnées au travers des zones réactives,
>> mais je n'ai pas envie de tout dessiner à la main.
>> Selon vous, existerait-il un logiciel qui permettrait, à partir du
>> mapping, de générer ces fameux caches
>
> Dans le lien susmentionné, les « caches » sont fait par une "<map...>"
> par exemple :
>
> <map name="france_map">
> <area shape="poly"
> coords="362,212,340,214,333,222,325,218,321,221,313,212,304,211,301,225,290,221,289,226,275,231,270,224,267,233,265,242,271,252,273,260,289,265,292,270,272,292,277,309,284,313,301,311,316,311,318,316,327,318,330,314,323,302,343,282,348,282,345,275,350,270,369,273,382,262,378,228,365,212"
> href="region.php?region=rhone_alpes" title="Rhône-Alpes"
> onmouseover="change_image(22)" onmouseout="hide_image(22)">
>
> Pour « découper » une image générer un <map ...., il existe mapedit.
> http://www.boutell.com/mapedit/

Ok pour çà, mais moi c'est l'inverse que je veux faire, générer des image à
partir du Map

Il doit y avoir des routines graphique en php qui le font, mais je suis pas
sur

Téo Path

unread,

Mar 25, 2009, 11:39:10 AM3/25/09

to

>> Téo Path <sanrei...@wanadoo.invalid> écrivait :

>>
>>
>> Dans le lien susmentionné, les « caches » sont fait par une "<map...>"
>> par exemple :
>>
>> <map name="france_map">
>> <area shape="poly"
>> coords="362,212,340,214,333,222,325,218,321,221,313,212,304,211,301,225,290,221,289,226,275,231,270,224,267,233,265,242,271,252,273,260,289,265,292,270,272,292,277,309,284,313,301,311,316,311,318,316,327,318,330,314,323,302,343,282,348,282,345,275,350,270,369,273,382,262,378,228,365,212"
>> href="region.php?region=rhone_alpes" title="Rhône-Alpes"
>> onmouseover="change_image(22)" onmouseout="hide_image(22)">
>>
>> Pour « découper » une image générer un <map ...., il existe mapedit.
>> http://www.boutell.com/mapedit/
>
> Ok pour çà, mais moi c'est l'inverse que je veux faire, générer des image
> à partir du Map
>
> Il doit y avoir des routines graphique en php qui le font, mais je suis
> pas sur

Je viens donner ce que j'ai trouver, je pense que çà fera l'affaire :

http://www.siteduzero.com/tutoriel-3-14597-creer-des-images-en-php.html

Téo Path

unread,

Apr 5, 2009, 5:00:32 PM4/5/09

to

Je donne la solution si çà peut servir à quelqu'un :

<?php
header ("Content-type: image/png");
$image = imagecreate(521,530);

$bleu = imagecolorallocate($image, 0, 0, 255);
$orange = imagecolorallocate($image, 254, 101, 1);

$points =
array(517,409,508,433,492,446,484,443,476,434,470,430,472,420,477,415,470,401,476,394,493,405,514,400);
ImageFilledPolygon ($image, $points, 12, $orange);

imagecolortransparent($image, $bleu); // On rend le fond orange transparent

imagepng($image);
?>