Färglägga karta efter medlemmar

Jag håller på med ett litet projekt just nu där jag ska färglägga en karta i olika färger beroende på hur många medlemmar det kommer från just det landet. Typ att röd färg indikerar att det kommer fler än 1000 medlemmar därifrån, grön mellan 500 och 1000 osv. Jag undrar dock hur jag ska lösa det rent praktiskt med bilderna. Jag skulle kunna göra transparenta gif-bilder där en bild motsvarar ett land och en färg på det landet. I sådana fall skulle det behövas X antal bilder för varje land (varje land ska ju finnas i X antal olika färger). Det skulle dock vara ganska dåligt (förmodar jag) eftersom laddningstiden skulle bli dålig genom att man skulle behöva ladda ner en massa bilder (kan förmodligen dock få ner bildstorleken till ca 2kb). Bilderna skulle sedan staplas på varandra med hjälp av Z-index.

Iaf, har ni något bättre förslag? Det finns säkerligen någon funktion där man kan färglägga bilder med php!? Men det skulle bli ganska svårt att få till konturerna bra då...

Det är denna karta jag tänkt använda: http://geography.about.com/library/blank/europe.jpg

nje, gillar inte riktigt flash. Sedan skulle väl inte en flash-fil bli mindre än 90 kb (45 EU-länder * 2kb)?

När du pratar om att generera en bild genom php, är det denna funktion du tänker på? http://se.php.net/manual/en/function.imagepolygon.php Är inte så hemma med denna sortens funktioner.

Problemet ligger väl i att det är ganska svårt att dula upp alla EU-länder i rutor... Men om du har något bra förslag på att göra det på ett enkelt nått så visst!

Du nämnde imageready, kan det programmet dela upp bilder i rutor automatiskt? färglägger rutorna i efterhand blir HELA rutorna fyllda eller, ingen hänsyn tas till genomskinlighet!?

Just nu kör jag med detta:

<div style="position:absolute;top:200px;left:200px;width:550px;z-index:1;"><img src="layout/maps/blank.gif" alt="" /></div>
<div style="position:absolute;top:200px;left:200px;width:550px;z-index:8;"><img src="layout/maps/icelandRed.gif" alt="" /></div>
<div style="position:absolute;top:200px;left:200px;width:550px;z-index:10;"><img src="layout/maps/sweden.gif" alt="" /></div>
<div style="position:absolute;top:200px;left:200px;width:550px;z-index:12;"><img src="layout/maps/norwayLightBlue.gif" alt="" /></div>
<div style="position:absolute;top:200px;left:200px;width:550px;z-index:14;"><img src="layout/maps/finland.gif" alt="" /></div>
<div style="position:absolute;top:200px;left:200px;width:550px;z-index:16;"><img src="layout/maps/fr.gif" alt="" /></div>

Ser ni något problem med detta förutom att det är jobbigt att göra alla länder?

En till fråga när jag ändå håller på: bilderna ligger på ca 1,5 KB just nu, men klusterstorleken är väl 2,048 KB eller nått!? kommer min bandbredd påverkas på 1,5 KB eller 2 KB?

aaah, coolt! Tack så mycket Malesca!! Ska genast kolla på det, men det ser ju väldigt häftigt ut!

DeaN: upptäckte också det, men det var ganska simpelt att lösa genom att rita en 1px linge mellan de båda delarna. Då fattar PHPn att den ska färglägga allt. Problemet uppstår även i södra ukraina, i västra turkiet, italien med sina öag, frankrike och korsika, m.fl.