Taller OSM - FLISOL 2014 Asunción - Paraguay

Taller OSM
FLISOL 2014 Asu
Creación de mapas usando OSM
Jose Alberto Gonzalez von Schmeling @josego85py
Mail: josego85@gmail.com
Blog: Proyectos Beta proyectosbeta.net
@proyectosbeta

OSM (OpenStreetMap)
● ¿Que es OSM?
– Funciona como la Wikipedia, es colaborativo,
voluntario, gratis y libre.
– Se puede conocer, editar, descargar datos, etc
– Para editar se necesita registrarse
– Para usarlo no se necesita registro.
– Licencia ODbl (Open Database License)

Licencia ODbl
● Compartir: copiar, distribuir y usar los datos.
● Crear: elaborar nuevos análisis empleando la
base de datos.
● Adaptar: modificar, transformar y enriquecer la
base de datos.
● Atribución: debes atribuir cualquier uso público
de la base de datos, o análisis resultante de la
base de datos, haciendo referencia a la fuente.

Ventajas de usar OSM
● Licencia libre (incluye uso comercial).
● Se pueden imprimir los mapas.
● Se pueden corregir los mapas.

Herramientas para el Taller
● Para crear un mapa vamos a utilizar:
– Eclipse o el editor favorito de ustedes
– Leaftlet (versión estable 0.7.2)
– OSM (Mapa libre)
– Apache 2
– Php 5 (opcional)

Leafleat es una librería JavaScript opensource
para crear mapas interactivos en un entorno
móvil. Ha sido desarrollado por Vladimir
Agafonkin de CloudMade con un equipo de
colaboradores especializados.
http://leafletjs.com/

Ventajas de Leaflet sobre
OpenLayers
● Sencillo y rápido de aprender (con un estilo de
código moderno)
● Facilidad de uso
● Su look and feel (botones y layer swicther, por
ejemplo)
● Más ligero
● Soporte móvil
● Rendimiento

Ventajas de OpenLayers sobre
Leaflet
● Openlayers soporta todos los protocolos WebGIS
● Documentación más rica y mejor soporte de la
comunidad (Enlace a tutoriales de OpenLayers)
● Herramientas de edición
● Proyecto más maduro y testado
● Más controles de mapa (barra de edición , medición, etc)
● Mejor integración de proyecciones con Proj4js.
● Soporte de WMTS

Algunas de las ventajas de Leaflet
son
● Sencillo y rápido de aprender
● Facilidad de uso
● Características básicas pero que funcionan a la perfección
● Soporte móvil
● HTML 5 y CSS3
● Funciona tanto en los modernos como en los viejos
navegadores web
● Ampliable con plugins
● API bien documentada

Primeros pasos con Leaflet
● Vamos a crear nuestro propio mapa con la API
de Leaflet, para ello incluiremos en la cabecera
<head> de una página web la librería JavaScript
leaflet.js y la hoja de estilo leaflet.css y:
<script src="http://cdn.leafletjs.com/leaflet-
0.7.2/leaflet.js"></script>
<link rel="stylesheet"
href="http://cdn.leafletjs.com/leaflet-
0.7.2/leaflet.css" />

Clase Central - L.map
● v_mapa = L.map('mapa').setView([v_latitud,
v_longitud], v_zoom);
● L.map es la clase central de la API. Se usa
para crear y manipular el mapa. .

Agregar Layers
● // Humanitarian Style.
● L.tileLayer('http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/
{y}.png', {
● maxZoom: 18,
● attribution: 'Data u00a9 <a
href="http://www.openstreetmap.org/copyright">
OpenStreetMap Contributors </a> Tiles u00a9 HOT'
● }).addTo(v_mapa);

Un control de escala
● L.control.scale().addTo(v_mapa);

Taller OSM - FLISOL 2014 Asunción - Paraguay

Taller OSM - FLISOL 2014 Asunción - Paraguay

Recomendados

Recomendados

Más contenido relacionado

Similar a Taller OSM - FLISOL 2014 Asunción - Paraguay

Similar a Taller OSM - FLISOL 2014 Asunción - Paraguay (20)

Más de Simgia http://www.simgia.com/

Más de Simgia http://www.simgia.com/ (9)

Último

Último (20)

Taller OSM - FLISOL 2014 Asunción - Paraguay