Aquí va la respuesta a mi propia pregunta
Es d bien nacidos ser agradecidos, así q aquí va un trozo d código con 2 enlaces
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<title>Mapa de Google</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAsk4cVhAcH1sa 8CeJZqfCHxQxCWn-37mF04NGYpoSiFNFc1JQvhSarPkZZTdBZgAF6q6UOn7L6FmWog "
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(27.96, -15.6), 11);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setMapType(G_HYBRID_MAP);
//DEFINO EL ICONO
var iconoMarca = new GIcon(G_DEFAULT_ICON);
iconoMarca.image = "/images/icono2.gif";
var tamanoIcono = new GSize(20,20);
iconoMarca.iconSize = tamanoIcono;
iconoMarca.shadow = "/images/sombra.gif";
var tamanoSombra = new GSize(30,30);
iconoMarca.shadowSize = tamanoSombra;
iconoMarca.iconAnchor = new GPoint(14, 16);
function createMarker(point,nombre,titulo,foto) {
//CREO LA MARCA EN EL PUNTO Y CON EL ICONO DESEADO
var marker = new GMarker(point, iconoMarca);
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml<div align='left'><a target='_parent' href='/turismo.php?loc=" + nombre + "'>Dar un paseo por " + nombre + "</a>" + "<br><a target='_parent' href='/alojamiento.php?loc=" + nombre + "&bg=&submit=Ir'>Buscar alojamiento en " + nombre + "</a></span");
});
return marker;
}
var point = new GPoint (-15.456300,28.064);
var nombre = "Tafira";
var titulo = "Tafira (Las Palmas de GC)";
var marker = createMarker (point,nombre,titulo);
map.addOverlay(marker);
}
}
window.onload=load
//]]>
</script>
<style type="text/css">
body{
margin:0px;
}
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:11;
background-color: #FFFFFF;
visibility: visible;
}
#Layer2 {
position:absolute;
width:707;
height:707;
z-index:7;
background-color: #FFFFFF;
}
#Layer3 {
position:absolute;
width:707;
height:707;
z-index:10;
visibility: visible;
background-color: #CC6666;
}
</style>
</head>
<body>
<div align="center">
<table width="1024" height="100%" border="0" cellpadding="0" cellspacing="0" id="principal">
<tr>
<td height="150" align="left" valign="top" background="/fondos/head_gris.gif"> </td>
</tr>
<tr>
<td height="22" align="left" valign="top" background="/fondos/body_gris.gif"> </td>
</tr>
<tr>
<td height="100%" align="left" valign="top"><table width="1024" height="930" border="0" cellpadding="0" cellspacing="0" background="/fondos/body_gris.gif" id="body">
<tr>
<td width="55" height="922" align="left" valign="top"> </td>
<td width="83" align="left" valign="top"><p> </p>
<p> </p>
<p> </p>
</td>
<td width="77" align="left" valign="top"> </td>
<td width="707" align="left" valign="top"><table width="707" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><div align="center"><strong>Pulse sobre cualquiera de los iconos <img src="/images/icono2.gif" alt="" width="20" height="20" /> para visitarlo o ir de compras. </strong></div></td>
</tr>
<tr>
<td align="left" valign="top"><div id="map" style="width: 707px; height: 900px"></div></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
</table></td>
<td width="0" align="left" valign="top"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="45" align="left" valign="top" background="/fondos/pie_gris.gif"> </td>
</tr>
</table>
</div>
</body>
</html>
Siento haber tardado tanto en la respuesta, soy bastante torpe y me costó resolverlo; sobre todo porq quería poner iconos diferentes para cada evento, cosa q NO conseguí solucionar...
Salu2