A ver si este ejemplo te ayuda un poco:
Código PHP:
<html>
<head>
<title>Untitled</title>
<script>
izquierda=[150,100,340]
arriba=[150,50,100]
function mostrar(esto){
esto=parseInt(esto);
document.getElementById("punto").style.left=izquierda[esto]+"px";
document.getElementById("punto").style.top=arriba[esto]+"px";
document.getElementById("punto").style.visibility="visible";
}
function ocultar(){
document.getElementById("punto").style.visibility="hidden";
}
</script>
</head>
<body>
<div id="indice">
<a href="#" id="0" onmouseout="ocultar()" onmouseover="mostrar(this.id)">Puerta del Sol</a><br><br>
<a href="#" id="1" onmouseout="ocultar()" onmouseover="mostrar(this.id)">Calle Preciados</a><br><br>
<a href="#" id="2" onmouseout="ocultar()" onmouseover="mostrar(this.id)">Calle Alcalá</a><br><br>
</div>
<div style="position:absolute;top:120px;left:150px;" id="mapa">
<div id="punto" style="z-index:999;background:red;visibility:hidden;width:15px;height:15px;font:normal 1px/1px verdana;position:absolute;"></div>
<img src="mapa.jpg" width="441" height="366" alt="">
</div>
</body>
</html>
Para ver como funciona pincha aqui