Foros del Web » Creando para Internet » Diseño web »

Google Maps: Alguien me puede ayudar a agregar un link a una imagen de marcador?

Estas en el tema de Google Maps: Alguien me puede ayudar a agregar un link a una imagen de marcador? en el foro de Diseño web en Foros del Web. 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é. ...
  #1 (permalink)  
Antiguo 09/06/2009, 10:05
 
Fecha de Ingreso: mayo-2007
Mensajes: 10
Antigüedad: 10 años, 6 meses
Puntos: 0
Google Maps: Alguien me puede ayudar a agregar un link a una imagen de marcador?

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.
  #2 (permalink)  
Antiguo 09/06/2009, 10:11
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: Google Maps: Alguien me puede ayudar a agregar un link a una imagen de mar

Tema movido desde Posicionamiento SEO
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:51.