Hola slumber:
Mira a ver si te puede servir esto:
<html>
<head><script LANGUAGE="Javascript">
function Permut (flag,img) {
if (document.images) {
if (document.images[img].permloaded) {
if (flag==1) document.images[img].src = document.images[img].perm.src
else document.images[img].src = document.images[img].perm.oldsrc
}
}
}
function preloadPermut (img,adresse) {
if (document.images) {
img.onload = null;
img.perm = new Image ();
img.perm.oldsrc = img.src;
img.perm.src = adresse;
img.permloaded = true;
}
}
</script>
<title>slumber</title>
</head>
<body>
<a HREF="image1.gif" TARGET="_BLANK" onMouseover="Permut(1,'IMG1');"
onMouseout="Permut(0,'IMG1');">
<p><img SRC="image2.gif" border="0" NAME="IMG1" onLoad="preloadPermut(this,'2003.jpg');"
width="130" height="51"></a> </p>
</body>
</html>
Esto como puedes comprobar te cambia la imagen al pasar el ratón y cliqueando te lleva donde le indiques...
Lo que no se si lo podrás adaptar al mapa?
Un saludo.