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

Presentación del tema: "Open Layers ¿por qué no poner un mapa en tu web?."— Transcripción de la presentación:

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

2 Jorge Sanz jsanz@prodevelop.es Vicent Sanjaime vsanjaime@prodevelop.es

3 prodevelop http://www.prodevelop.es

4 geomaticblog.net http://geomaticblog.net

5 ¿qué es Open Layers?

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

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

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

9 ¿cómo funciona?

10 ● en cualquier parte de tu web ● ● en un script ● map = new OpenLayers.Map('map'); ●... luego veremos más

11 ¿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

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

13 ¿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

14 ¿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

15 capas de imágenes

16 capas de geometrías

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

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

19 recursos

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

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

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

23 y por supuesto, el código fuente

24 proyectos relacionados

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

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

27 demo mapa de hospitales en Puerto Príncipe

28 créditos ● OpenLayers Vector Mayhem · Tim Schaub · FOSS4G 2009 ● http://tinyurl.com/vector-mayhem ● http://blip.tv/file/2797899/ ● Fotografías ● http://www.flickr.com/photos/70387215@N00/3707187124/ http://www.flickr.com/photos/70387215@N00/3707187124/ ● http://www.flickr.com/photos/18789396@N00/144251305/ http://www.flickr.com/photos/18789396@N00/144251305/ ● http://www.flickr.com/photos/70606346@N00/3946004755/ http://www.flickr.com/photos/70606346@N00/3946004755/ ● http://www.flickr.com/photos/hawksanddoves/1423312308/ http://www.flickr.com/photos/hawksanddoves/1423312308/ ● http://www.flickr.com/photos/shellysblogger/2621316845/ http://www.flickr.com/photos/shellysblogger/2621316845/ ● http://www.flickr.com/photos/un_photo/4295599257/ http://www.flickr.com/photos/un_photo/4295599257/

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