Hola
rapuig:
La solución es sencilla ... pero con abundante trabajo.
Evidentemente que, en el caso que muestras, no hay mapa sino un dibujo (que corresponde a un mapa de barrio, distrito, provincia, ...).
Si examinas el código fuente verás algo asi como
Código HTML:
Ver original<area shape="poly" class="manhattan" rel="nofollow" coords="180,179,183,160,184,149,186,134,197,114,232,51,232,40,239,28,246,13,255,17,246,37,239,53,240,71,242,85,235,101,235,110,216,137,214,156,212,170,198,171" href="/manhattan" target="_parent" alt="Map - Manhattan" id="brooklynMap-Manhattan"/>
Corresponde a Manhattan pero en su dibujo (el de la página expuesta) y deberás delimitar las áreas de cada
<shape.
Hay especialistas en este foro pero puedo decirte que tienes que:
1.- Mostrar una imagen de "tu mapa" (que no es tal sino una imagen)
2.- Delimitar cada área del mapa (sea barrio, distrito, ...) (
<coords>
3.- Aplicarle estilos: :hover, :fofus, :active (vamos, css sobre tu dibujo). Le das color, límites, fondo, lo que quieras.
Nos lo cuentas