Foros del Web » Programando para Internet » Javascript »

Vinculo a url dentro del google map, ¿se puede?

Estas en el tema de Vinculo a url dentro del google map, ¿se puede? en el foro de Javascript en Foros del Web. ¿Es posible crear un vínculo a unas coordenadas concretas dentro de la famosa api de google? Hasta ahora no he visto ningún mapa con esa ...
  #1 (permalink)  
Antiguo 22/05/2008, 17:51
 
Fecha de Ingreso: abril-2008
Mensajes: 70
Antigüedad: 16 años
Puntos: 1
Pregunta Vinculo a url dentro del google map, ¿se puede?

¿Es posible crear un vínculo a unas coordenadas concretas dentro de la famosa api de google?
Hasta ahora no he visto ningún mapa con esa opción, pero seguro q no es imposible.
No me refiero a poner un icono con un bocadillo en unas coordenadas determinadas, sino poner un enlace a otra url al "clickear" sobre él.
El código q utilizo es muy simple, y m permite poner dos marcas d color rojo; pero x más q he intentado documentarme e investigar con el propio manual en inglés d google, no he visto nada parecido a algo tan aparentemente sencillo como poner un link al presionar sobre esas marcas. Escribo aquí el código x si se les ocurre algo.
Pienso q al ser en javascript éste era su foro, espero no haberme equivocado.

Muchas gracias a cualquiera q se lo lea;)


<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;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(28.0285, -15.5425), 10);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());

var point = new GPoint (-15.4437, 28.12824);
var marker = new GMarker(point);
map.addOverlay(marker);

var point = new GPoint (-15.442449, 28.12875);
var marker = new GMarker(point);
map.addOverlay(marker);

}
}

//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 800px; height: 500px"></div>
</body>
</html>
  #2 (permalink)  
Antiguo 23/05/2008, 07:48
 
Fecha de Ingreso: abril-2008
Mensajes: 70
Antigüedad: 16 años
Puntos: 1
Respuesta: Vinculo a url dentro del google map, ¿se puede?

Alguna idea, sugerencia, enlace o algo, por favor...
¿Cómo puedo poner un vínculo con java?, seguro q sirve para el google map.
Gracias nuevamente
  #3 (permalink)  
Antiguo 23/05/2008, 08:13
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Respuesta: Vinculo a url dentro del google map, ¿se puede?

Fijate en estos enlaces:
http://www.desarrolloweb.com/articulos/eventos-mapas-google.html

http://www.guiarte.com/mapas-google/..._poligonos.php
Si tenés la posibilidad de asignar funciones al evento onclick, y encima la posibilidad de hacerlo sobre polígonos, entonces, investigando un poco podrás hacer lo que querés.
  #4 (permalink)  
Antiguo 23/05/2008, 08:23
 
Fecha de Ingreso: abril-2008
Mensajes: 70
Antigüedad: 16 años
Puntos: 1
Respuesta: Vinculo a url dentro del google map, ¿se puede?

Muchísimas gracias Panino, lo probaré y postearé los resultados por si son de ayuda para alguien.
Hasta dentro de unas horas
  #5 (permalink)  
Antiguo 02/06/2008, 10:27
 
Fecha de Ingreso: abril-2008
Mensajes: 70
Antigüedad: 16 años
Puntos: 1
Respuesta: Vinculo a url dentro del google map, ¿se puede?

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&amp;v=2&amp;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">&nbsp;</td>
</tr>
<tr>
<td height="22" align="left" valign="top" background="/fondos/body_gris.gif">&nbsp;</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">&nbsp;</td>
<td width="83" align="left" valign="top"><p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</td>
<td width="77" align="left" valign="top">&nbsp;</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">&nbsp;</td>
</tr>
</table></td>
<td width="0" align="left" valign="top">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td height="45" align="left" valign="top" background="/fondos/pie_gris.gif">&nbsp;</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
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 10:40.