23/02/2012, 07:09
|
| | Fecha de Ingreso: febrero-2012
Mensajes: 3
Antigüedad: 12 años, 9 meses Puntos: 0 | |
Respuesta: Abrir Ligthbox en Gmap 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" />
<!--[if lte IE 6]><link rel="stylesheet" href="ie6.css" type="text/css" media="all" /><![endif]-->
<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??? |