Unidad 6.

Personalizacin de apliaciones web de mapas

Soluciones para publicar mapas en la nube

Soluciones empaquetadas:

cartoDB
ArcGIS online
GIS Cloud
MangoMap
MapBox
etc

Sin necesidad de escribir cdigo!

Libreras JavaScript
La utilizacin de libreras JavaScript para crear mapas nos proporciona una serie de
ventajas frente a las soluciones empaquetadas:
Ms personalizacin
Ms control sobre las capas
Posibilidad de incluir nuevas herramientas y botones
El estndar de la industria para las libreras de JavaScript ha sido la API de Google
Maps.
Las bibliotecas JavaScript abiertas no estn sujetas a los cambios de los planes
de pago de soluciones comerciales.

Qu es OpenLayers?
OpenLayers es un Framework GIS desarrollado en JavaScript para construir
aplicaciones de mapas web dinmicos.
Las aplicaciones de mapas contienen capas de mapa (rster o vectoriales,
procedentes de una gran variedad de fuentes), y los controles para operar sobre esas
capas.

Qu es OpenLayers?
Creado en 2005 por Metacarta. OpenLayers es un proyecto de OSGeo (Open
Source Geospatial Foundation)
Licencia BSD

Actualmente en la versin 2.13

Trabajando en la 3.0
ol3 es la siguiente generacin de web mapping. OpenLayers muestra los datos
geoespaciales en cualquier navegador web de escritorio moderno o mvil. Al igual
que OpenLayers 2, es compatible con una gran variedad de tipos de datos y
capas. Pero a diferencia de la anterior versin, se construye desde cero
basndose
en
las
ltimas
tecnologas
de
navegacin
como HTML5, WebGL y CSS3.
Para verlo necesito cualquier navegador web

Qu podemos hacer?
Interactuar con servicios GIS externos:

OpenStreetMap

bing maps

Google Maps

A travs de:

MapServer

Geoserver

ArcGIS for Server

Qu podemos hacer?

Crear mapas interactivos

Qu podemos hacer?
Visualizar informacin espacial/geogrfica

Qu podemos hacer?
Incluir y superponer distintos tipos de capas

Qu podemos hacer?
Editar informacin espacial/geogrfica

Cmo lo hace?

Arquitectura modular
Capas WMS, Vector, KML, Google, Bing, OSM....
Geometras Point, Polygon, LinearRing...
Controles Zoom, Pan, Measure, Modify...
Formatos WMS, WFS, GML, KML, GeoJSON, GeoRSS...
Protocolos HTTP, SOS, KML, SQL

Ext JS
Ext JS es una librera JavaScript que ofrece un extraordinario conjunto de componentes
(widgets) para incluir dentro de una aplicacin web como rejillas, rboles de datos,
mens y paneles

Ext JS
GeoExt combina los controles geoespaciales de OpenLayers con los componentes de
interfaz de usuario de Ext JS en un framework que nos permite construir aplicaciones
GIS de estilo similar a las de escritorio, pero en un navegador.

Ejemplos anteriores

Ya hemos visto aplicaciones de OpenLayers y de GeoExt en apartados anteriores:

Las herramientas de vista previa de capas de GeoServer / GeoWebCache se han

construido con OpenLayers.
La aplicacin de mapas que publicamos (y GeoExplorer mismamente) usa GeoExt.

Leaflet
Leafleat es una librera JavaScript open source para crear mapas interactivos en un
entorno mvil.
Leaflet es la eleccin utilizada por Flickr, Wikimedia, foursquare, OSM, cartoDB,
GIS Cloud, Washington Post, Wall Street Journal, Geocaching.com, etc.

Algunas de las ventajas de Leaflet son:

Sencillo y rpido de aprender

Facilidad de uso
Caractersticas bsicas pero que funcionan a la perfeccin
Soporte mvil
HTML5 y CSS3
Funciona tanto en los modernos como en los viejos navegadores web
Ampliable con plugins
API bien documentada

Regresa a la plataforma de formacin y realiza los ejercicios de esta unidad