Este es el código, ojalá me puedan ayudar:
En este mapa Google Maps que he personalizado, aparece una imagen en cada marca que yo agregué. Pero quiero que a la imagen pueda ponerle un hipervínculo que me lleve a otro sitio, o en su defecto, poner una url donde pueda hacer click desde el globo blanco que aparece al hacer clic en el marcador. Os lo agradezco, pues he intentado una cantidad de variables que he encontrado en la guia de desarrolloweb.com y ninguno me funciona.
<?php
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "URL DE CODIGO"
<html xmlns="URL DE CODIGO">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ISA - Mapa</title>
<script src="URL DE KEY GOOGLE MAPS"type="text/javascript"></script>
<script type="text/javascript">
function clicMarca(marca) {
if (GBrowserIsCompatible() && cargado) {
GEvent.trigger(marca, "click");
}
}
var marca1;
var marca2;
var marca3;
var marca4;
var cargado=false;
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(14.604847155053898,-7.734375), 2);
function CrearMarca(punto, html){
var miMarca = new GMarker(punto);
map.addOverlay(miMarca);
GEvent.addListener(miMarca, "click", function (){
miMarca.openInfoWindowHtml(html);
});
return miMarca;
}
//estilo para las ventanas de info de las marcas
var estilo_bocadillo = "font-size: 10pt; font-family: verdana; lineheight: 120%;";
//creo marca 1
var point;
point=new GLatLng(7.127923453621531,-73.1171572208...
var htmlBocadillo = "<div style='" + estilo_bocadillo + "'><b>Integrated Solution Associates</b><br><img height='148' width='226' border='0' src='URL DE MI SITIO CON UNA IMAGEN QUE SE LLAMA DESDE UNA CARPETA"
marca1 = CrearMarca(point, htmlBocadillo);
//creo marca 2
point=new GLatLng(48.85849641062019,2.294737100601...
var htmlBocadillo = "<div style='" + estilo_bocadillo + "'><b>Fercho en la Torre Eiffel</b><br><img height='226' width='148' border='0' alt='' src='URL DE MI SITIO CON UNA IMAGEN QUE SE LLAMA DESDE UNA CARPETA"marca2 = CrearMarca(point, htmlBocadillo);
//creo marca 3
point=new GLatLng(8.602747284770018,-71.1474609375...
var htmlBocadillo = "<div style='" + estilo_bocadillo + "'><b>Estefi</b><br><img height='148' width='226' border='0' alt='' src='URL DE MI SITIO CON UNA IMAGEN QUE SE LLAMA DESDE UNA CARPETA"marca3 = CrearMarca(point, htmlBocadillo);
//creo marca 4
point=new GLatLng(-0.24169850190163725,-78.5742187...
var htmlBocadillo = "<div style='" + estilo_bocadillo + "'><b>Technoecuador</b><br><img height='148' width='226' border='0' alt='' src='URL DE MI SITIO CON UNA IMAGEN QUE SE LLAMA DESDE UNA CARPETA"marca4 = CrearMarca(point, htmlBocadillo);
cargado=true;
}
}
window.onload=load
//]]>
</script>
<style type="text/css">
html,body{
margin:0px; height:100%;
font-family: verdana, arial, helvetica;
}
#map{
float:left;
margin-right:20px;
}
#enlaces{
font-size: 12pt;
margin-top: 10px;
font-weight: bold;
}
#enlaces li{
margin-bottom: 8px;
}
#pie{
clear: both;
padding: 10px;
}
</style>
</head>
<body>
<div id="map" style="height: 600px; width:800px"></div>
<div id="enlaces">
<ul>
<li><a href="javascript
: clicMarca(marca1)">ISA - Bucaramanga</a></li>
<li><a href="javascript
: clicMarca(marca2)">Juanfer en Francia</a></li>
<li><a href="javascript
: clicMarca(marca3)">Estefi en Venezuela</a></li>
<li><a href="javascript
: clicMarca(marca4)">Technoecuador - Quito</a></li>
</ul>
</div>
<div id=pie>
Realizado por <a href="'URL DE MI SITIO"/">ISA</a> para <a href="'URL DE MI SITIO">7P</a>
</script>
<style type="text/css">
<!--
body {
background-color: #65090F;
}
-->
</style></head>
<body onload="initialize()" onunload="GUnload()">
<br>
<br>
<center>
<div id="map_canvas" style="width: 600px; height: 800px"></div>
</center>
</body>
</html>
---------------------
Gracias.