/** * Cliente: Comarca Maestrazgo (via LOVEO) * Main JS scripts. Inicializa y controla el funcionamiento general del mashup * Copyright(c) D-NOISE 2009 */ // VARIABLES // ============================= // ICONOS A UTILIZAR var iconBlue = new GIcon(); iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png'; iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'; iconBlue.iconSize = new GSize(12, 20); iconBlue.shadowSize = new GSize(22, 20); iconBlue.iconAnchor = new GPoint(6, 20); iconBlue.infoWindowAnchor = new GPoint(5, 1); var iconBienesMuebles = new GIcon(); iconBienesMuebles.image = 'js_mashup/images/bienesmuebles.png'; iconBienesMuebles.shadow = 'js_mashup/images/shadow.png'; iconBienesMuebles.iconSize = new GSize(25, 35); iconBienesMuebles.shadowSize = new GSize(52, 29); iconBienesMuebles.iconAnchor = new GPoint(6, 20); iconBienesMuebles.infoWindowAnchor = new GPoint(5, 1); var iconBienesInmuebles = new GIcon(); iconBienesInmuebles.image = 'js_mashup/images/bienesinmuebles.png'; iconBienesInmuebles.shadow = 'js_mashup/images/shadow.png'; iconBienesInmuebles.iconSize = new GSize(25, 35); iconBienesInmuebles.shadowSize = new GSize(52, 29); iconBienesInmuebles.iconAnchor = new GPoint(6, 20); iconBienesInmuebles.infoWindowAnchor = new GPoint(5, 1); var iconEtnografia = new GIcon(); iconEtnografia.image = 'js_mashup/images/etnografia.png'; iconEtnografia.shadow = 'js_mashup/images/shadow.png'; iconEtnografia.iconSize = new GSize(25, 35); iconEtnografia.shadowSize = new GSize(52, 29); iconEtnografia.iconAnchor = new GPoint(6, 20); iconEtnografia.infoWindowAnchor = new GPoint(5, 1); var iconArte = new GIcon(); iconArte.image = 'js_mashup/images/arte.png'; iconArte.shadow = 'js_mashup/images/shadow.png'; iconArte.iconSize =new GSize(25, 35); iconArte.shadowSize = new GSize(52, 29); iconArte.iconAnchor = new GPoint(6, 20); iconArte.infoWindowAnchor = new GPoint(5, 1); var iconGeologia = new GIcon(); iconGeologia.image = 'js_mashup/images/geologia.png'; iconGeologia.shadow = 'js_mashup/images/shadow.png'; iconGeologia.iconSize = new GSize(25, 35); iconGeologia.shadowSize = new GSize(52, 29); iconGeologia.iconAnchor = new GPoint(6, 20); iconGeologia.infoWindowAnchor = new GPoint(5, 1); var iconPaleontologia = new GIcon(); iconPaleontologia.image = 'js_mashup/images/paleontologia.png'; iconPaleontologia.shadow = 'js_mashup/images/shadow.png'; iconPaleontologia.iconSize = new GSize(25, 35); iconPaleontologia.shadowSize = new GSize(52, 29); iconPaleontologia.iconAnchor = new GPoint(6, 20); iconPaleontologia.infoWindowAnchor = new GPoint(5, 1); var iconZoologia = new GIcon(); iconZoologia.image = 'js_mashup/images/zoologia.png'; iconZoologia.shadow = 'js_mashup/images/shadow.png'; iconZoologia.iconSize = new GSize(25, 35); iconZoologia.shadowSize = new GSize(52, 29); iconZoologia.iconAnchor = new GPoint(6, 20); iconZoologia.infoWindowAnchor = new GPoint(5, 1); var iconBotanica = new GIcon(); iconBotanica.image = 'js_mashup/images/botanica.png'; iconBotanica.shadow = 'js_mashup/images/shadow.png'; iconBotanica.iconSize = new GSize(25, 35); iconBotanica.shadowSize = new GSize(52, 29); iconBotanica.iconAnchor = new GPoint(6, 20); iconBotanica.infoWindowAnchor = new GPoint(5, 1); var iconMicologia = new GIcon(); iconMicologia.image = 'js_mashup/images/micologia.png'; iconMicologia.shadow = 'js_mashup/images/shadow.png'; iconMicologia.iconSize = new GSize(25, 35); iconMicologia.shadowSize = new GSize(52, 29); iconMicologia.iconAnchor = new GPoint(6, 20); iconMicologia.infoWindowAnchor = new GPoint(5, 1); var iconHistoria = new GIcon(); iconHistoria.image = 'js_mashup/images/historia.png'; iconHistoria.shadow = 'js_mashup/images/shadow.png'; iconHistoria.iconSize = new GSize(25, 35); iconHistoria.shadowSize = new GSize(52, 29); iconHistoria.iconAnchor = new GPoint(6, 20); iconHistoria.infoWindowAnchor = new GPoint(5, 1); var iconOtros = new GIcon(); iconOtros.image = 'js_mashup/images/otros.png'; iconOtros.shadow = 'js_mashup/images/shadow.png'; iconOtros.iconSize = new GSize(25, 35); iconOtros.shadowSize = new GSize(52, 29); iconOtros.iconAnchor = new GPoint(6, 20); iconOtros.infoWindowAnchor = new GPoint(5, 1); var iconArqueologia = new GIcon(); iconArqueologia.image = 'js_mashup/images/arqueologia.png'; iconArqueologia.shadow = 'js_mashup/images/shadow.png'; iconArqueologia.iconSize = new GSize(25, 35); iconArqueologia.shadowSize = new GSize(52, 29); iconArqueologia.iconAnchor = new GPoint(6, 20); iconArqueologia.infoWindowAnchor = new GPoint(5, 1); var iconPueblos = new GIcon(); iconPueblos.image = 'js_mashup/images/pueblos.png'; iconPueblos.shadow = 'js_mashup/images/shadow.png'; iconPueblos.iconSize = new GSize(25, 35); iconPueblos.shadowSize = new GSize(52, 29); iconPueblos.iconAnchor = new GPoint(6, 20); iconPueblos.infoWindowAnchor = new GPoint(5, 1); var iconEspacionNatural = new GIcon(); iconEspacionNatural.image = 'js_mashup/images/espacionatural.png'; iconEspacionNatural.shadow = 'js_mashup/images/shadow.png'; iconEspacionNatural.iconSize = new GSize(21, 31); iconEspacionNatural.shadowSize = new GSize(52, 29); iconEspacionNatural.iconAnchor = new GPoint(6, 20); iconEspacionNatural.infoWindowAnchor = new GPoint(5, 1); var iconDocumentacion = new GIcon(); iconDocumentacion.image = 'js_mashup/images/documentacion.png'; iconDocumentacion.shadow = 'js_mashup/images/shadow.png'; iconDocumentacion.iconSize = new GSize(21, 31); iconDocumentacion.shadowSize = new GSize(52, 29); iconDocumentacion.iconAnchor = new GPoint(6, 20); iconDocumentacion.infoWindowAnchor = new GPoint(5, 1); /* customIcons["BIENES MUEBLES"] = iconBienesMuebles; customIcons["BIENES INMUEBLES"] = iconBienesInmuebles; customIcons["ETNOGRAFÍA Y ETNOLOGÍA"] = iconEtnografia; customIcons["ARTE ACTUAL"] = iconArte; customIcons["GEOLOGÍA"] = iconGeologia; customIcons["PALEONTOLOGÍA"] = iconPaleontologia; customIcons["ZOOLOGÍA"] = iconZoologia; customIcons["BOTÁNICA"] = iconBotanica; customIcons["MICOLOGÍA"] = iconMicologia; customIcons["HISTORIA"] = iconHistoria; customIcons["OTROS"] = iconOtros; customIcons["ARQUEOLOGÍA"] = iconArqueologia; customIcons["PUEBLOS"] = iconPueblos; customIcons["ESPACIOS NATURALES"] = iconEspacionNatural; customIcons["DOCUMENTACIÓN ARCHIVÍSTICA"] = iconDocumentacion; */ /* 1 BIENES MUEBLES Editar Borrar 2 BIENES INMUEBLES Editar Borrar 4 ETNOGRAFÍA Y ETNOLOGÍA Editar Borrar 6 ARTE ACTUAL Editar Borrar 8 GEOLOGÍA Editar Borrar 9 PALEONTOLOGÍA Editar Borrar 14 ZOOLOGÍA Editar Borrar 15 BOTÁNICA Editar Borrar 16 MICOLOGÍA Editar Borrar 17 HISTORIA Editar Borrar 19 OTROS Editar Borrar 21 ARQUEOLOGÍA Editar Borrar 22 PUEBLOS Editar Borrar 23 ESPACIOS NATURALES Editar Borrar 24 DOCUMENTACIÓN ARCHIVÍSTICA */ var customIcons = []; customIcons["1"] = iconBienesMuebles; customIcons["2"] = iconBienesInmuebles; customIcons["4"] = iconEtnografia; customIcons["6"] = iconArte; customIcons["8"] = iconGeologia; customIcons["9"] = iconPaleontologia; customIcons["14"] = iconZoologia; customIcons["15"] = iconBotanica; customIcons["16"] = iconMicologia; customIcons["17"] = iconHistoria; customIcons["19"] = iconOtros; customIcons["21"] = iconArqueologia; customIcons["22"] = iconPueblos; customIcons["23"] = iconEspacionNatural; customIcons["24"] = iconDocumentacion; var latitudMapaInicial=40.528027; //Latitud inicial del map var longitudMapaInicial=-0.405586; //Longitud inicial del mapa var zoomMapaInicial=6; //Zoom inicial del mapa var numerocapas=15; var filtrocapasmashup=""; // variable que contendrá las capas seleccionadas ( el id de capa separado por comas) para la petición a datosMashup.php var htmlcapas=""; // variable que contendra el script html con las capas disponibles. function validarTecla(e) { tecla = (document.all) ? e.keyCode : e.which; if (tecla==13) selectExample(); } //Esta funcion dibuja a partir del array de capas devuelto por devuelvecapas.php ajax, el html necesario para //mostrar las capas a activar y desactivar function dibujaCapas(arrayCapas,filtro){ var html2=''; html2+='
'; html2+='
Título
'; html2+='
'; //html2+='
'; //CIERRO EL HTML CONTROL return html2; } //inicializo la página cuando pulse sobre el enlace de la pestaña. init = function(){ //Carga capas existentes //Llamo por ajax a la pagina php que me devuelva las categorias jQuery.post( "./ajax/classes/devuelvecategorias.php", {}, function FuncionRecepcion(respuesta) { // contenido para procesar la respuesta objJSON = eval('('+respuesta+')'); matCategorias = objJSON; //Dibujo el html de categorias y lo cargo en la variable que luego se utilizará. //for( var categoria in matCategorias){ // alert (matCategorias[categoria].id_categoria + " " + matCategorias[categoria].nombre); //} htmlcapas= dibujaCapas(matCategorias,''); //alert(htmlcapas); if (GBrowserIsCompatible()) { map=new GMap2(document.getElementById('map'),{size:new GSize(851,512)}); //map.setCenter(new GLatLng(0, 0), 0, G_NORMAL_MAP); map.setCenter(new GLatLng(latitudMapaInicial,longitudMapaInicial ),zoomMapaInicial); map.savePosition(); map.addControl(new GMapTypeControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 7))); map.addControl(new GLargeMapControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 28))); GEvent.addListener(map, 'zoomend', function() { map.closeInfoWindow(); }); // add an HtmlControl containing a couple of form elements // see http://googlemapsapi.martinpearman.co.uk/htmlcontrol for more info on HtmlControl var html=''; var control=new HtmlControl(html); //var html2='
Capas a visualizar:

BIENES MUEBLES
BIENES INMUEBLES
'; var control2=new HtmlControl(htmlcapas); map.addControl(control, new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(7,7))); map.addControl(control2, new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(7,7))); //map.setCenter(new GLatLng(latitudMapaInicial,longitudMapaInicial ),zoomMapaInicial); function myClusterClick(args) { cluster.defaultClickAction=function(){ map.setCenter(args.clusterMarker.getLatLng(), map.getBoundsZoomLevel(args.clusterMarker.clusterGroupBounds)) delete cluster.defaultClickAction; } var html='

'+args.clusteredMarkers.length+' Fichas existentes:


Acercar Zoom para mostrar estos items
    '; for (i=0; i'+args.clusteredMarkers[i].getTitle()+''; } html+='

Acercar Zoom para mostrar estos items
'; // args.clusterMarker.openInfoWindowHtml(html); map.openInfoWindowHtml(args.clusterMarker.getLatLng(), html); } // create a ClusterMarker cluster=new ClusterMarker(map, {clusterMarkerTitle:'Pulse para ver los nombres de los %count items existentes en este punto en zoom inferior' , clusterMarkerClick:myClusterClick }); //cluster.fitMapToMarkers(false); cluster.refresh(); //cluster.fitMapMaxZoom=zoomMapaInicial; icon=new GIcon(); icon.shadow='js_mashup/images/icon_shadow.png'; icon.shadowSize=new GSize(37, 34); icon.iconSize=new GSize(20, 34); icon.iconAnchor=new GPoint(10, 30); icon.infoWindowAnchor=new GPoint(10, 8); selectExample(); cargarImagenesXML(0); //map.setCenter(new GLatLng(latitudMapaInicial,longitudMapaInicial ),zoomMapaInicial); //map.savePosition(); //map.refresh(); }else{ } }); /* switch(idBody){ case 'inicio': var flashvars = {xml:"/assets/xml/home_data.xml"}; var params = {wmode:"transparent"}; var attributes = {}; swfobject.embedSWF("/assets/swf/shell.swf", "flash_shell", "900", "511", "9.0.0","", flashvars, params, attributes); break; case 'tu-primero': var anchoLateral = 222; var anchoLayout = 900; //Carga ciudades y centra el mapa en la ciudad seleccionada 0 por defecto $.get("/ciudades/get/", {out:"ajax"}, function(data){ objJSON = eval('('+data+')'); matCiudades = objJSON.ciudadesBD; //ciudadActual = matCiudades[0]; //En principio no requerimos ciudad boundsEventos = new GLatLngBounds(); //Ayudara a centrar el mapa en funcion de los eventos tipoMapaActual = G_NORMAL_MAP; //Incluye mapa. //includeMap(ciudadActual.nombre,ciudadActual.lat,ciudadActual.lng,ciudadActual.zoom,G_NORMAL_MAP,mapHTML); $('#'+mapHTML).css('margin-left',anchoLateral + 'px'); $('#'+mapHTML).css('width',(anchoLayout-anchoLateral)+'px'); includeMap('ESPAÑA',0,0,6,tipoMapaActual,mapHTML); //En principio no muestra ninguna ciudad en concreto. Hace autozoom en funcion de los eventos para encajarlos en el mapa si no por defecto carga españa //Recupera marcadores (eventos) y los pinta en el mapa (en este caso no importa la ciudad y muestra eventos de todas partes) // loadEvents(ciudadActual.nombre); loadEvents(''); }); //Eventos pagina $(window).unload(unloadMap); $('#lateral a#cerrar_lateral').click(function(){ if($('#lateral').hasClass('closed')){ $('#lateral').removeClass('closed'); $('#'+mapHTML).css('margin-left',anchoLateral + 'px'); $('#'+mapHTML).css('width',(anchoLayout-anchoLateral)+'px'); } else { $('#lateral').addClass('closed'); $('#'+mapHTML).css('margin-left','0px'); $('#'+mapHTML).css('width',anchoLayout+'px'); } g_map.checkResize(); setTypeMap(tipoMapaActual); return false; }); $('#welcome a#close').click(function(){ //He dicho que explorer es una mierda??? pues lo es!.... esto es un apaño para que al fundirse no se desplace (lo quito de golpe y ya esta) if($.browser.msie&&$.browser.version.indexOf('6')!=-1){ $('#welcome').css('display','none'); } else { $('#welcome').fadeOut('fast'); } return false; }); break; case 'circuito': //Carga ciudades y centra el mapa en la ciudad seleccionada 0 por defecto $.get("/ciudades/get/", {out:"ajax"}, function(data){ objJSON = eval('('+data+')'); matCiudades = objJSON.ciudadesBD; ciudadActual = matCiudades[0]; tipoMapaActual = G_SATELLITE_MAP; $.get("/circuitos/get/",{c:ciudadActual.nombre,out:"ajax"}, function(data){ objJSON = eval('('+data+')'); var matCircuitos = objJSON.circuitoBD; circuitoActual = matCircuitos[0]; //Incluye mapa includeMap(ciudadActual.nombre,circuitoActual.lat_centro,circuitoActual.lng_centro,circuitoActual.zoom,tipoMapaActual,mapHTML); //Dibuja circuito drawRoad(circuitoActual.coordenadas,circuitoActual.niveles,'#ac033c',7); //Recupera marcadores fotos de la ciudad actual y los pinta en el mapa (en principio estas solo se cargan una vez... son las ultimas fotos subidas) loadPhotosOnMap(circuitoActual.id); //Dibuja marcadores del circuito createMarkersRoad(circuitoActual.lat_inicio,circuitoActual.lng_inicio); //Recupero y dibuja fotos en barra thumbs loadPhotosFromRoadPos(circuitoActual.id,getDistance(markerRoadSelect.getLatLng(),g_snap),'front'); //Establece la accion inicial sobre el circuito setActionRoad('select'); }); }); //Inicialmente oculta paginacion (ajax indicara si la necesita) showPaginationThumbs(false); //Comportamiento switch select/insert $('#switch_upload_photo').click(function(){ var acc = (actionRoad=='select')?'insert':'select'; setActionRoad(acc); return false; }); //Comportamiento paginacion $('#gallery_left').click(function(){ if(actionRoad=='select'){ loadPhotosFromRoadPos(circuitoActual.id,limInf,'back'); } return false; }); $('#gallery_right').click(function(){ if(actionRoad=='select'){ loadPhotosFromRoadPos(circuitoActual.id,limSup,'front'); } return false; }); //Eventos pagina $(window).unload(unloadMap); $('#welcome a#close').click(function(){ $('#welcome').fadeOut('fast'); return false; }); break; case 'promocion': var flashvars = {}; var params = {wmode:"transparent"}; var attributes = {}; swfobject.embedSWF("/assets/swf/temporal.swf", "flash_shell", "900", "511", "9.0.0","", flashvars, params, attributes); break; }*/ } jQuery.noConflict(); jQuery(document).ready(init);