//variables globales: var arrayDirect=[]; var coordenadas=''; var nombres=''; var zoom; var myPano; var panoClient; var map; var center; var distancia; var lax; var lay; //El BODY manda automaticamente cargar esta funcion function load() { //Obtener Datos de la selección var ZonaG=document.getElementById('ZonaG').value; //Obtenemos las cordenadas segun sea la Zona elegida: lax=document.getElementById('lax').value; lay=document.getElementById('lay').value; distancia=document.getElementById('DistanciaG').value; arrayDirect= Coordenadas_Hoteles.split('|');//direcciones[0] direcciones[direcciones.length -1] //GBrowserisCompatible es un comando de Google para comprobar si el navegador es compatible con googlemaps if (GBrowserIsCompatible()) { //alert('Destino: '+eldestino); //alert('N Zona: '+sZona); //alert('Distancia: '+distancia); //Crea un mapa nuevo dentro del elemento map //var map = new GMap2(document.getElementById("makiPowerJhonsonMckeinAskatuLentejasRantanplan_En_Namek_Me_Compre_Un_Escalestrick")); map = new GMap2(document.getElementById("light2")); //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(){ center = new GLatLng(lax, lay); if(distancia>0 && distancia<500){zoom=17;} if(distancia>=500 && distancia<3000){zoom=15;} if(distancia>=3000 && distancia<5000){zoom=14;} if(distancia>=5000){zoom=13;} map.setCenter(center, zoom); 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 < arrayDirect.length-1; i++){ o=i; var coord=arrayDirect[i].split(','); var point = new GLatLng(coord[1],coord[2]); /*geocoder.getLatLng(arrayDirect[i]+', pamplona, navarra', function(point){ // Si encontramos el punto... if (point){ */ coordenadas= point; var marker = new GMarker(point, icon); marker.hotel= coord[0]+","+coord[1]+","+coord[2]+","+coord[3]+","+coord[4]; map.addOverlay(marker,icon); } GEvent.addListener(map, "click", function(overlay, point) { if (!overlay || !overlay.hotel) return; var p = overlay.hotel; var numEstrellas=''; var contenido=p.split(','); for (var i=0;i"+ contenido[0].toUpperCase()+"
" + "Categoria: "+numEstrellas+"
"+ "Precio mínimo: "+contenido[4]+" €
" + "" ); }); 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 VerMapa(){ document.getElementById('light').style.display='block'; document.getElementById('fade').style.display='block'; document.getElementById('CerrarCapa').style.display='block'; document.documentElement.style.overflow='hidden'; /*document.getElementById('Zonas').style.display='none'; if(document.getElementById('zona')!=null){ document.getElementById('zona').style.display='none'; } document.getElementById('Distancia').style.display='none'; document.getElementById('selector').style.display='none'; */ window.scroll(0,0); load(); } function OcultaMapa(){ document.getElementById('light').style.display='none'; document.getElementById('fade').style.display='none'; document.getElementById('CerrarCapa').style.display='none'; document.documentElement.style.overflow='auto'; /* document.getElementById('Zonas').style.display='block'; if(document.getElementById('zona')!=null){ document.getElementById('zona').style.display='block'; } document.getElementById('Distancia').style.display='block'; document.getElementById('selector').style.display='block'; */ GUnload(); }