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:
<?php
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-...
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ISA - Mapa</title>
<script src="http://maps.google.com/maps?file=ap...
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='http://www.isawebs.net/imagenes/pru...
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='http://www.isawebs.net/imagenes/pru...
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='http://www.isawebs.net/imagenes/pru...
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='http://www.isawebs.net/imagenes/pru...
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="http://www.isawebs.net/">ISA</a> para <a href="http://www.7pmkt.com">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>
Valoración del artículo:
1 comentario revisado:
Usuarios: 
