Foro - Perl en Español

por **faisko** » 2010-06-28 05:50 @284

Hola amigos. Estoy con la API de Google Maps intentando que al hacer clic en uno de los puntos que cojo de la base de datos para mostrar la foto que tengo asignada a ese punto en otro div fuera del mapa.

Todo lo que es el código del mapa funciona bien, pero he intentado de muchas formas hacerlo y no doy con el quid. Haber si me podéis echar una mano en el planteamiento, gracias. En un comentario os muestro dónde iría el código.

Sintáxis: [ Descargar ] [ Ocultar ]

Using html4strict Syntax Highlighting

<?php
$query_rsGmap = "SELECT * FROM museos_prueba";
$rsGmap = mysql_query($query_rsGmap, $link) or die(mysql_error());
$row_rsGmap = mysql_fetch_assoc($rsGmap);
$totalRows_rsGmap = mysql_num_rows($rsGmap);
$marcadores = "[";
 if ($totalRows_rsGmap > 0) { // Show if recordset not empty 
 do { 
 if ($marcadores == "["){
        $marcadores.= "{";
 }else{
        $marcadores.= ",{";
 }
 $marcadores.= "'latitud':".$row_rsGmap['latitud'].", 'longitud':".$row_rsGmap['longitud'].", 'nombre': '".$row_rsGmap['nombre']."'"; 
 $marcadores.= "}";
 } while ($row_rsGmap = mysql_fetch_assoc($rsGmap)); 
 } // Show if recordset not empty 
 $marcadores.= "]";
 
 echo $marcadores;
 ?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key= ABQIAAAAZqPP3UqvHFFs62KYqSnNkBTN7shGZJLt3_DZdAN6LJijc3LBPxQQ9RDci87FmPL05diXCsdh8_KrvA" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var centrarLatitud = 37.38264;
    var centrarLongitud = -5.996295;
    var zoomInicio = 14;
     
    var map;
     
    function adMarcador(latitud, longitud, descripcion) {
    var marcador = new GMarker(new GLatLng(latitud, longitud));
   
//AKI IRIA LA SENTENCIA PARA MOSTRAR LA FOTO CUANDO HACEMOS CLICK  
   GEvent.addListener(marcador, 'click',
   function() {
   marcador.openInfoWindowHtml(descripcion);
   }
   );
    
   map.addOverlay(marcador);
   }
    
   function load() {
   if (GBrowserIsCompatible()) {
   map = new GMap2(document.getElementById("map"));
   map.addControl(new GSmallMapControl());
   map.setCenter(new GLatLng(centrarLatitud, centrarLongitud), zoomInicio);
    marcadores = <?php echo $marcadores; ?>;
   for(id in marcadores) {
   adMarcador(marcadores[id].latitud, marcadores[id].longitud, marcadores[id].nombre);
   alert(marcadores[id].latitud);
   }
   }
   }
//]]>
</script>
</head>
<body onload='load()' onunload='GUnload()'>
<div id="map" style="width: 500px; height: 300px"></div>
<div  id="recarga"></div>
</body>
</html>
<?php
mysql_free_result($rsGmap);
?>
Coloreado en 0.002 segundos,  usando GeSHi 1.0.8.4

Foro - Perl en Español

Mostrar imagen dinámica al hacer OnClick

Mostrar imagen dinámica al hacer OnClick

Publicidad

¿Quién está conectado?