1. 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
2. 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)
3. 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.
4. Ventajas de usar OSM
● Licencia libre (incluye uso comercial).
● Se pueden imprimir los mapas.
● Se pueden corregir los mapas.
5.
6. 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)
7. 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/
9. 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
10. 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
11. 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
12. 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" />
13. 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. .