En esta página encuentras un mapa parecido.
[URL="http://www.restaurantesvegetarianos.es/content/view/311/296/"]http://www.restaurantesvegetarianos.es/content/view/311/296/[/URL]
Tiene que haber la imagen general como fondo y por la funcion swapImage vas cambiando la imagen Image1, deben ser de fondo transparente
Código HTML:
<div background="imagen general">
<img src="imagen que cambia" name="Image1" width="400" height="360" border="0" usemap="#MapMapMapMap" id="Image1" />
</div>
Código HTML:
<map name="MapMapMapMap" id="Map222">
<area shape="poly" coords="coordenadas del mapa" href="#" alt="gibraltar" onMouseOver="MM_swapImage('Image1','','mapa de gibralata" onMouseOut="MM_swapImgRestore()" /> funcion swapImage
Código HTML:
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}