Open Layers, ¿por qué no poner un mapa en tu web?

Open Layers ¿por qué no poner un mapa en tu web?

Jorge Sanz [email_address] Vicent Sanjaime [email_address]

prodevelop http://www.prodevelop.es

geomaticblog.net http://geomaticblog.net

¿qué es Open Layers?

«una biblioteca para añadir mapas a páginas web»

software libre (licencia tipo BSD)
proyecto de la fundación OSGeo
toma algunas piezas de
Prototype.js
Rico
según ohloh.net:
10 desarrolladores
127.592 líneas de código js

http://www.ohloh.net/p/openlayers

¿cómo funciona?

en cualquier parte de tu web
<div id= ' map ' />
en un script
map = new OpenLayers.Map(' map ');
...
luego veremos más

¿qué puedo hacer con OpenLayers?
al objeto de tipo map se le puede añadir:
capas tipo Google Maps, OpenStreetMap, etc.
datos vectoriales: puntos, líneas y polígonos
controles de navegación e información
…
algunos controles pueden ir fuera del mapa

http://is.gd/6WHqY ejemplo básico

¿qué no hace/es Open Layers?
no es una biblioteca generalista de widgets
no lee ni escribe en tu sistema
no hace peticiones XML fuera de tu sistema
todo esto lo puedes hacer con otros componentes

¿qué no hace/es Open Layers?
no es una biblioteca generalista de widgets
ExtJS, GWT, etc
no lee ni escribe en tu sistema
componentes en servidor
no hace peticiones XML fuera de tu sistema
web proxy

capas de imágenes

capas de geometrías

un ejemplo: Aventura Oceánica http://is.gd/6sg99

un poco de historia http://vimeo.com/7126247

recursos

documentación http://is.gd/6WF6S

galería de ejemplos http://openlayers.org/dev/examples/

y por supuesto, el código fuente

proyectos relacionados

proj4js permite realizar transformaciones
de sistemas de coordenadas (Lat/Lon a Mercator)
de sistema de referencia (WGS84 a ED50)
mapfish y geoExt proporcionan widgets
tablas de contenidos
paneles
opciones de visualización en capas
barras de herramientas

http://dev.geoext.org/trunk/geoext/examples/tree.html

casos de éxito

http://www.cartociudad.es/visor

http://www.urbanresearchmaps.org/oasis/map.aspx

http://www.mapsherpa.com/map-maker

http://www.opencyclemap.org/

muchos más en http://gallery.openlayers.org/

veamos un ejemplo

mapa de hospitales en Puerto Príncipe

¿qué vamos a ver?
Inicializar un mapa
Añadir capas (TMS)
Añadir controles
Añadir una capa vectorial (hospitales)
Añadir popups con los atributos alfanuméricos

Open Layers ¿por qué no poner un mapa en tu web? ¡gracias!

créditos
OpenLayers Vector Mayhem · Tim Schaub · FOSS4G 2009
http://tinyurl.com/vector-mayhem
http://blip.tv/file/2797899/

imágenes
http://www.flickr.com/photos/70387215@N00/3707187124/
http://www.flickr.com/photos/hawksanddoves/1423312308/
http://www.flickr.com/photos/shellysblogger/2621316845/
http://www.flickr.com/photos/shadybird/3835818941/
http://www.flickr.com/photos/un_photo/4295599257/
http://www.flickr.com/photos/tim_norris/2495859684/

licencia Este trabajo se distribuye bajo la Creative Commons Atribución-Compartir Igual 3.0 http://creativecommons.org/licenses/by-sa/3.0/

http://alpoma.net	681
http://www.slideshare.net	47
https://confluence.prodevelop.es	38
http://quakecr.blogspot.com	7
http://www.urbanismo.com	4
http://www.linkedin.com	2
file://	1

Open Layers, ¿por qué no poner un mapa en tu web?

by Jorge Sanz

Accessibility

Categories

Upload Details

Usage Rights

7 Embeds 780

Statistics

Open Layers, ¿por qué no poner un mapa en tu web? Presentation Transcript