Image map con PHP

[undariarose]

Buenas tardes,
Llevo unos días dando vueltas a una cosa y no encuentro una solución sencilla. Os cuento. Quiero poner en mi web un mapa de España en la que determinadas provincias aparezcan resaltadas, en otro color, indicando la presencia de una cierta especie de planta. Las provincias que deberián aparecer así figuran en una base de datos ("Le, P, Hu, Lu, Se, S", por ejemplo). Con php detectaría esta cadena y en función de ella esas provincias aparecerían en otro color en el mapa. A alguién se le ocurre cómo se puede hacer.
Gracias

[webankenovi]

en la base de datos ademas de las p`rovincias añade una imagen con la imagen de esa provincia y otro campo con la imagen de esa provincia en otro color

al hacer el mapa vas añadiendo las imagenes con consultas segun el resultado pones la resaltada o la normal y con css para colocar el mapa con las provincias , es algo complicado no es una solucion sencilla pero tampoco muy complicada el mapa lo creas con css y imagenes y las imagenes salen de la bd sean o no las reslatadas de esa manera formas el mapa

creo que te puede servir

[gildus]

Holas,

Por seacaso, no será a esto lo que te refieres ? :

http://davidlynch.org/projects/maphilight/docs/
http://davidlynch.org/projects/maphi.../demo_usa.html

Saludos

[undariarose]

Esta última respuesta está bien. Estoy probando con mapper.js pero no consigo que por defecto salgan las <area> de algunas provincias resaltadas por defecto, pero sí cuando paso el ratón por encima (simplemente con mapper, sin php ni nada más)

[undariarose]

Lo que quiero decir es que las imágenes deben estar "iluminadas" sin que sea necesario pasar el ratón por encima

[undariarose]

Sobre tu respuesta, webankenovi, creo que hacer eso con 50 imágenes tan diferentes es demasiado tedioso

[gildus]

Esto si seria tema de javascript o jquery, u otra seccion del foro. haber si el moderador lo traslada.

Saludos

[patriciomase]

la verdad que odio flash. pero esto, lo haría con flash.

[gildus]

En el link:

http://davidlynch.org/projects/maphi...mo_simple.html

Llenas el fondo con un color por ejemplo:

Código HTML:

<area href="#" shape="poly" coords="219,190,225,175,237,157,239,148,245,142,251,140,263,140,265,139,310,139,311,145,364,182,363,201,343,221,333,213,329,181,313,177,330,234,295,231,292,174,279,176,282,204,269,220,255,206,267,167,235,193" alt="Legs" data-maphilight='{"stroke":false,"fillColor":"fff000","fillOpacity":1,"alwaysOn":true}' title="Metadata'd up a bit">
 

"fillColor":"fff000" es el color que deseas llenar el poligono.

Saludos

[patriciomase]

ahora que estoy pensando svg es una gran opcion!!! haces el archivo vectorial, y desp podes modificarles las propiedades a cada objeto con css!! te ahorras poner millones de coordenadas! mira esto http://www.petercollingridge.co.uk/d...r-effects-svgs te va a servir