Abrir Ligthbox en Gmap

etoledo1528 · #1 (**permalink**) 22/02/2012, 12:56

Estimados,

Necesito abrir un ligthbox al pinchar un marcador que este en gmap.

como lo puedo hacer???

Atento a sus respuestas,

Saludos,

maycolalvarez · #2 (**permalink**) 22/02/2012, 13:13

consulte la api de google maps, lo esencial es que te provea de un callback para hacerlo.

por cierto, esto no corresponde a PHP, ya reporté el post para que sea movido al de javascript.

etoledo1528 · #3 (**permalink**) 23/02/2012, 07:09

maycolalvarez gracias por reponder,

revisé en la API y no hace referencia alguna funcionalidad para esto.

Hasta aqui he llegado..

<!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=UTF-8" />
<title>test</title>
<style>
*{ margin: 0; padding: 0; }
html, body, #map{
width: 90%;
height: 90%;
}
</style>

<link href="css/multibox.css" rel="stylesheet" type="text/css" />


<script type="text/javascript" src="js/multibox/mootools.js"></script>
<script type="text/javascript" src="js/multibox/overlay.js"></script>
<script type="text/javascript" src="js/multibox/multibox.js"></script>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=es"></script>
<script type="text/javascript">

window.onload = function()

{
var popup;
var n=1;
var options = {
zoom: 3
, center: new google.maps.LatLng(18.2, -66.5)
, mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById('map'), options);
var limits = new google.maps.LatLngBounds();

var place = new Array();
place['San Juan'] = new google.maps.LatLng(18.465, -66.105);
place['Fajardo'] = new google.maps.LatLng(18.336, -65.65);
place['Culebras'] = new google.maps.LatLng(18.315, -65.3);
place['Vieques'] = new google.maps.LatLng(18.125, -65.44);
place['Humacao'] = new google.maps.LatLng(18.14, -65.88);
place['Ponce'] = new google.maps.LatLng(18.025, -66.615);
place['Mayagüez'] = new google.maps.LatLng(18.215, -67.14);

for(var i in place){
var marker = new google.maps.Marker({
position: place[i]
, map: map
, title: i
, icon: 'http://gmaps-samples.googlecode.com/svn/trunk/markers/blue/blank.png'
});

google.maps.event.addListener(marker, 'click', function(){

// AQUI LLAMAR FUNCION PARA ABRIR MULTIBOX

});

google.maps.event.addListener(marker, 'click', function(){
this.setIcon('http://gmaps-samples.googlecode.com/svn/trunk/markers/blue/blank.png');
});

google.maps.event.addListener(marker, 'click', function(){
this.setIcon('http://gmaps-samples.googlecode.com/svn/trunk/markers/red/blank.png');
});

google.maps.event.addListener(marker, 'click', function(){
this.setIcon('http://gmaps-samples.googlecode.com/svn/trunk/markers/green/blank.png');
});

limits.extend(place[i]);
}

};

function levantaMultibox(posicion) {

//funcion para levantar multibox <a href="swf/mp3player.swf" rel="width:400,height:300" class="mb" title="Movie">Ejemplo SWF</a>
}

</script>

</head>
<body>

<div id="map"></div>

<a href="swf/mp3player.swf" rel="width:400,height:300" class="mb" title="Movie">Ejemplo SWF</a>

<script type="text/javascript">
window.addEvent('domready', function(){
new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true});
});
</script>

</body>
</html>

como puedo hacer que el "<a href=..." lo pueda llamar con JavaScript???