//variables globales: var arrayDirect=[]; var coordenadas=''; var nombres=''; var myPano; var panoClient; var map; var center; //El BODY manda automaticamente cargar esta funcion function load() { //GBrowserisCompatible es un comando de Google para comprobar si el navegador es compatible con googlemaps if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("G-googleMap")); //map.addControl añade al mapa la posibilidad de ser controlado //GSmallMapControl: Crea un mando de control con los botones de 4 direcciones y zoom in y zoom out map.addControl(new GSmallMapControl()); //GMapTypeControl Crea el boton para elegir el tipo de mapa que quieres ver (Satellite, mapa, hibrido). map.addControl(new GMapTypeControl()); panoClient = new GStreetviewClient(); //Si la variable sZona es igual a 0 es el estado inicial de la página y se utiliza el geocoder para obtener las coordenadas de la ciudad. cargarMapa(); }//end IF }//end function function cargarMapa(){ var latitud; var longitud; center = new GLatLng( 42.610388,-1.653258); map.setCenter(center, 9); map.setMapType(G_HYBRID_MAP); var icon = new GIcon(); icon.image = "http://www.eligehoteles.com/imgs/marker.png"; icon.shadow = "http://www.panoramio.com/img/panoramio-shadow.png"; icon.iconSize = new GSize(18, 18); icon.shadowSize = new GSize(22, 22); icon.iconAnchor = new GPoint(9, 9); icon.infoWindowAnchor = new GPoint(9, 0); //geocoder = new GClientGeocoder(); for ( var i =0; i < datos.length-1; i++){ var latitud=datos[i][9]; var longitud=datos[i][10]; var point = new GLatLng(latitud,longitud); coordenadas= point; var marker = new GMarker(point, icon); marker.hotel= datos[i]; map.addOverlay(marker,icon); } GEvent.addListener(map, "click", function(overlay, point) { if (!overlay || !overlay.hotel) return; var numEstrellas=''; for (var i=0;i"+ "

"+overlay.hotel[1].toUpperCase()+" "+numEstrellas+"

"+ "

"+overlay.hotel[3]+" ("+overlay.hotel[4]+")

" + "

Tf: "+overlay.hotel[5]+"

" + "

Fax: "+overlay.hotel[6]+"

" + "

"+overlay.hotel[7]+"

" + "

"+overlay.hotel[8]+"

" + "" ); }); GEvent.addListener(map, "click", function(overlay,latlng) { panoClient.getNearestPanorama(latlng, showPanoData); }); } function showPanoData(panoData) { if (panoData.code != 200) { //alert('Street-view no esta disponible en esta zona'); return; } // if (typeof(myPano)!='undefined'){ var smallNode = document.createElement('div'); smallNode.style.width = '600px'; smallNode.style.height = '400px'; smallNode.id = 'pano'; map.openInfoWindowHtml(panoData.location.latlng, smallNode); myPano = new GStreetviewPanorama(smallNode); myPano.setLocationAndPOV(panoData.location.latlng); GEvent.addListener(myPano, "error", handleNoFlash); } function handleNoFlash(errorCode) { if (errorCode == 603) { alert("Error: Tu navegador no soporta flash"); return; } } function CargarGMap(){ document.getElementById('G-cerrarMapa').style.display='block'; document.getElementById('G-googleMap').style.display='block'; document.getElementById('G-cerrarMapa').style.overflow='hidden'; document.documentElement.style.overflow='hidden'; window.scroll(0,0); /* document.getElementById('fade').style.display='block'; document.getElementById('CerrarCapa').style.display='block'; document.documentElement.style.overflow='hidden'; window.scroll(0,0);*/ load(); } function OcultaGMap(){ document.getElementById('G-cerrarMapa').style.display='none'; document.getElementById('G-googleMap').style.display='none'; document.documentElement.style.overflow='auto'; /* document.getElementById('light').style.display='none'; document.getElementById('fade').style.display='none'; document.getElementById('CerrarCapa').style.display='none'; document.documentElement.style.overflow='auto'; */ GUnload(); }