{"id":387,"date":"2007-08-17T23:34:02","date_gmt":"2007-08-17T21:34:02","guid":{"rendered":"http:\/\/alpoma.net\/carto\/?p=387"},"modified":"2008-03-22T00:16:54","modified_gmt":"2008-03-21T22:16:54","slug":"experimentos-con-googleearth-y-zoomify","status":"publish","type":"post","link":"https:\/\/alpoma.net\/carto\/?p=387","title":{"rendered":"Experimentos con GoogleEarth y Zoomify"},"content":{"rendered":"

El otro d\u00eda me animaban en geomatic blog <\/a><\/strong>a experimentar un poco con gvSIG<\/a><\/strong>. \u00a1Queda anotado! En realidad, estaba apuntado hace mucho, as\u00ed que, en su debido tiempo, habr\u00e1 que escudri\u00f1ar bien gvSIG. Sin embargo, hoy toca un peque\u00f1o juego con GoogleEarth<\/a><\/strong>, iniciando un experimento, muy sencillo, que ten\u00eda guardado en el caj\u00f3n del recuerdo desde hace unas semanas en espera de ser terminado. <\/p>\n

El objetivo, esta vez, ser\u00e1 crear una especie de paseo virtual, en KML, que sirva para acceder a panor\u00e1micas interactivas de lugares concretos, un simple experimento que muestra dos marcas de referencia espacial, con texto y acceso en navegador web a dos panor\u00e1micas<\/strong> con zoom ampliable. Se trata de un ejemplo muy sencillo que puede complicarse todo lo que se desee.<\/p>\n

Bien, comencemos. Imaginemos que deseamos crear un callejero o una gu\u00eda de rutas<\/strong>. Tenemos unas magn\u00edficas fotograf\u00edas de los lugares que queremos mostrar, pero hemos pensado en algo m\u00e1s que en simples \u00abbocadillos\u00bb con un cuadro de imagen. Vale, lo primero ser\u00e1 ordenar las fotograf\u00edas. En mi caso se trata de diez tomas realizadas en dos lugares de Valladolid a principios del verano. AVISO<\/strong>: Para esto lo mejor es utilizar un tr\u00edpode, \u00abbarriendo\u00bb el escenario que formar\u00e1 nuestro panorama. Cinco est\u00e1n tomadas desde el Puente Mayor, en ellas aparece el imponente edificio del Duque de Lerma. Otras cinco corresponden a la Plaza Zorrilla. \u00bfC\u00f3mo unirlas para formar un panorama decente? Quien utilice Photoshop CS3 lo tiene bastante f\u00e1cil <\/a><\/strong>pero claro, no estamos aqu\u00ed como para usar aplicaciones tan caras, veamos que alternativa puede haber. Mi opci\u00f3n principal es autostitch<\/a><\/strong>, capaz de generar panoramas muy decentes. L\u00e1stima que s\u00f3lo exista en versi\u00f3n Windows, \u00a1me da una pereza abrir el Parallels<\/a><\/strong>! El panorama resultante, para mi gusto, hay que procesarlo \u00aba mano\u00bb, para eso siempre est\u00e1 Gimp <\/a><\/strong>al rescate. He aqu\u00ed los resultados en peque\u00f1ito:<\/p>\n

\"img\"<\/p>\n

\"img\"<\/p>\n

Los panoramas resultantes son muy grandes<\/strong>, no est\u00e1n preparados para \u00abcolarlos\u00bb en una gu\u00eda o mapa, por lo que uno puede preguntarse si se podr\u00edan mostrar en toda su amplitud de alguna forma. Recurramos este caso al visor Zoomify <\/a><\/strong>en su versi\u00f3n b\u00e1sica. En este caso, afortunadamente, hay versi\u00f3n para Mac y para Windows. Su utilizaci\u00f3n no puede ser m\u00e1s sencilla, no requiere grandes complicaciones, se abre el archivo, se siguen una serie de peque\u00f1as instrucciones y, ya est\u00e1, un panorama \u00abinteractivo\u00bb terminado a medida, en flash, claro. Luego, por lo general, siempre es necesario arreglar el resultado mejorando el c\u00f3digo de la p\u00e1gina web resultante, que es de pena. Se a\u00f1ade una hoja de estilos decente, se limpia el c\u00f3digo y dem\u00e1s. Para este ejemplo no nos andaremos con tantos detalles, porque ser\u00edan para ir \u00abm\u00e1s all\u00e1\u00bb y montar algo m\u00e1s serio, s\u00f3lo he limpiado y mejorado un poco el resultado a\u00f1adiendo el logo de La Cartoteca<\/em> y poco m\u00e1s. AVISO<\/strong>: Es importante leer el archivo \u00abquick start\u00bb, para saber c\u00f3mo modificar el c\u00f3digo HTML del visor y poder acceder a las fotograf\u00edas panor\u00e1micas \u00abconvertidas\u00bb por Zoomify, de lo contrario, nos aparecer\u00e1 la imagen de una chica que, por defecto, es con la que conecta el sistema.<\/p>\n

Hace falta contar con espacio en un servidor web para subir los archivos y que la gente los disfrute en Internet o, si no se desea hacerlo, se puede montar todo en local. Para este ejemplo, he subido los panoramas resultantes a alpoma.net, he aqu\u00ed el resultado:<\/p>\n

Panorama I<\/a> | Panorama II<\/a><\/strong><\/p>\n

Mmmmm, ya tenemos dos panor\u00e1micas bastante majas. \u00bfC\u00f3mo las colocamos en GoogleEarth para que las tenga a mano todo el mundo?<\/strong> La respuesta est\u00e1 en el uso de archivos KML, vamos all\u00e1:<\/p>\n

1.- Localizamos las coordenadas espaciales de los dos puntos del mapa en que deseamos colocar las marcas:<\/p>\n

\nPara el panorama I<\/strong> (lat\/long): 41.64793556376401, -4.729485511779785
\nPara el panorama II<\/strong> (lat\/long): 41.6602806236414, -4.733412265777588\n<\/p><\/blockquote>\n

El archivo KML tiene la funci\u00f3n de \u00abalimentar\u00bb a Google Earth con informaci\u00f3n geogr\u00e1fica y datos sobre c\u00f3mo mostrar visualmente la misma. En este ejemplo, simplemente se pedir\u00e1 al sistema que muestre dos marcas de geolocalizaci\u00f3n y, al pinchar en ellas, que aparezcan dos \u00abbocadillos\u00bb sencillos conteniendo una frase con un enlace a los dos panoramas. Puede complicarse todo lo que se quiera<\/strong>, desde peticiones a bases de datos externas -una pesadilla el codificar tales archivos algunas veces, lo digo por triste experiencia- a, incluso, mostrar animaciones o datos que evolucionen en escala cronol\u00f3gica.<\/p>\n

El KML nos quedar\u00eda as\u00ed1<\/sup>:<\/p>\n

\"img\"<\/p>\n

Codificar un archivo KML es toda una aventura, sobre todo porque sirve para casi cualquier cosa imaginable. Podemos asignar iconos a nuestro gusto, rutas, pol\u00edgonos… Exiten muchos tutoriales para conocer KML, aunque lo m\u00e1s recomendable es empezar por el de Google<\/a><\/strong>.<\/p>\n

Descargar el archivo KML<\/a><\/strong> (En formato KMZ, que es lo mismo que KML pero comprimido. Para utilizarlo no hay que descomprimir nada, GoogleEarth se encarga de todo). \ud83d\ude09<\/p>\n

El resultado final<\/strong>, con GoogleEarth, nos mostrar\u00e1 las famosas chinchetas con las marcas correspondientes a los puntos desde los que se tomaron las im\u00e1genes de los panoramas y \u00abbocadillos\u00bb con acceso a los mismos.<\/p>\n

\"img\"<\/p>\n

Eso es todo, as\u00ed de sencillo. Si lo complicamos un poco podemos crear un \u00abpaseo\u00bb por una ciudad uniendo las marcas con vectores y asociando a cada una de ellas un panorama, e incluso archivos de sonido.<\/p>\n

_______________
\n1<\/sup> He colocado el ejemplo en forma de imagen, aunque mi primera idea era hacerlo como texto, para que se pudiera copiar y pegar pero, por alguna arcana raz\u00f3n, la etiqueta pre<\/em><\/a><\/strong> en este caso originaba errores de visualizaci\u00f3n del ejemplo. \ud83d\ude41<\/p>\n","protected":false},"excerpt":{"rendered":"

El otro d\u00eda me animaban en geomatic blog a experimentar un poco con gvSIG. \u00a1Queda anotado! En realidad, estaba apuntado hace mucho, as\u00ed que, en […]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":4594,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[9,5,10],"tags":[],"class_list":["post-387","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cartografia","category-en-linea","category-experimentos"],"jetpack_featured_media_url":"https:\/\/alpoma.net\/carto\/wp-content\/uploads\/2007\/08\/468060484_9d204b7bae.jpg","jetpack_shortlink":"https:\/\/wp.me\/p93Co9-6f","jetpack-related-posts":[{"id":1246,"url":"https:\/\/alpoma.net\/carto\/?p=1246","url_meta":{"origin":387,"position":0},"title":"Configurando un servicio WMS en diez minutos","author":"alpoma","date":"enero 17, 2010","format":false,"excerpt":"Este v\u00eddeo de Juan Carlos Cortez, compartido hace unos d\u00edas por Jorge Gaspar, nos muestra lo \"sencillo\" que es configurar un servicio WMS partiendo de algunos shapes, gvSIG con su extensi\u00f3n de publicaci\u00f3n y ayudados de MapServer junto a otras herramientas libres. Ciertamente, me deja impresionado, porque el flujo de\u2026","rel":"","context":"En \u00abExperimentos\u00bb","block_context":{"text":"Experimentos","link":"https:\/\/alpoma.net\/carto\/?cat=10"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":557,"url":"https:\/\/alpoma.net\/carto\/?p=557","url_meta":{"origin":387,"position":1},"title":"Panoramas en Google Maps","author":"alpoma","date":"junio 12, 2008","format":false,"excerpt":"El experimento puede dar para mucho, s\u00f3lo es cuesti\u00f3n de imaginaci\u00f3n. Vamos all\u00e1... t\u00f3mense fotograf\u00edas de un lugar para formar un panorama, \u00fananse con uno de los muchos programas de stitching que existen y v\u00e9ase el resultado de forma interactiva a trav\u00e9s del interface de Google Maps. \u00bfC\u00f3mo hacerlo? Una\u2026","rel":"","context":"En \u00abExperimentos\u00bb","block_context":{"text":"Experimentos","link":"https:\/\/alpoma.net\/carto\/?cat=10"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2008\/06\/2572973319_c715fbbbde_o.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":5249,"url":"https:\/\/alpoma.net\/carto\/?p=5249","url_meta":{"origin":387,"position":2},"title":"Teleporter, adictivos saltos geogr\u00e1ficos (NSFW)","author":"alpoma","date":"marzo 24, 2015","format":false,"excerpt":"Recuerdo que all\u00e1 por 2010 coment\u00e9 algo sobre la aplicaci\u00f3n online Globe Genie, que ven\u00eda a ser un juego en el que se pod\u00eda saltar aleatoriamente de un lugar a otro del planeta utilizando im\u00e1genes de Google Street View. La gracia del juego estaba en observar cuidadosamente la escena en\u2026","rel":"","context":"En \u00abExperimentos\u00bb","block_context":{"text":"Experimentos","link":"https:\/\/alpoma.net\/carto\/?cat=10"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2015\/03\/teleporter.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2015\/03\/teleporter.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2015\/03\/teleporter.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":2616,"url":"https:\/\/alpoma.net\/carto\/?p=2616","url_meta":{"origin":387,"position":3},"title":"EdugvSIG","author":"alpoma","date":"junio 13, 2011","format":false,"excerpt":"Como habr\u00e1n podido comprobar muchos lectores de este blog, \u00faltimamente apenas publico nada nuevo, y no es por falta de material, porque hay incluso demasiado a diario. Nada de eso, \u00a1el problema cr\u00edtico es el tiempo! o, mejor dicho, la falta de tiempo. En fin, dudo que en los pr\u00f3ximos\u2026","rel":"","context":"En \u00abSIG\u00bb","block_context":{"text":"SIG","link":"https:\/\/alpoma.net\/carto\/?cat=2"},"img":{"alt_text":"Logo-gvSIG_150_14","src":"https:\/\/i0.wp.com\/farm4.static.flickr.com\/3115\/2732319718_3a8781d857_m.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":385,"url":"https:\/\/alpoma.net\/carto\/?p=385","url_meta":{"origin":387,"position":4},"title":"Geoexperimentos con Flickr…","author":"alpoma","date":"agosto 13, 2007","format":false,"excerpt":"No creo que haya nadie que dude sobre la importancia que, en el mundo de la fotograf\u00eda en la red, tiene Flickr. Personalmente, como usuario desde hace ya mucho tiempo, Flickr me encanta. Se trata de una herramienta limpia, sencilla, directa, potente... vamos, que es \"la leche\". Tambi\u00e9n habr\u00e1 quien\u2026","rel":"","context":"En \u00abEn l\u00ednea\u00bb","block_context":{"text":"En l\u00ednea","link":"https:\/\/alpoma.net\/carto\/?cat=5"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2007\/08\/1107638885_6e712a4f9c_o.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2007\/08\/1107638885_6e712a4f9c_o.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2007\/08\/1107638885_6e712a4f9c_o.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":3882,"url":"https:\/\/alpoma.net\/carto\/?p=3882","url_meta":{"origin":387,"position":5},"title":"Probando Hyperlapse","author":"alpoma","date":"abril 11, 2013","format":false,"excerpt":"Hyperlapse ha aparecido mencionado por doquier en los \u00faltimos d\u00edas, as\u00ed que... \u00a1teni\u00e1 que probarlo! He tenido un rato antes para ello y me ha encantado. Bien, no es m\u00e1s que un experimento, una prueba de lo que podr\u00eda llegar a convertirse en una herramienta interesante capaz de sacar jugo\u2026","rel":"","context":"En \u00abExperimentos\u00bb","block_context":{"text":"Experimentos","link":"https:\/\/alpoma.net\/carto\/?cat=10"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/posts\/387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=387"}],"version-history":[{"count":0,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/posts\/387\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/media\/4594"}],"wp:attachment":[{"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}