Sumario
- Introducción historica
- OpenLayers
- Utilizar la librería
- Ejemplos de código
- Conclusiones
- Ejemplos de utilización
- Notas
Breve historia del moderno Web Mapping
2005 Febrero -> Google Maps
Breve historia del moderno Web Mapping
2005 Mayo -> ka-Map!
Breve historia del moderno Web Mapping
2006 Junio -> OpenLayers
Breve historia del moderno Web Mapping
Licencias
- Google Maps -> licencia privativa
- significa:
- restricción de utilización
- restricción de la personalización
- restricción a la redistribución
- significa:
- ka-Map! (1)
y OpenLayers (2) ->
licencias tipo BSD
- significa:
- ninguna restricción de utilizo
- ninguna restricción a la personalización
- ninguna restricción a la redistribución
- esto es el Free Software!
- significa:
OpenLayers - el proyecto 1/2
- Pagina principal del proyecto: http://www.openlayers.org
- Pagina Wiki: http://trac.openlayers.org/wiki/
- IRC Channel: irc.freenode.net#openlayers
- Quick Demo ...
OpenLayers - el proyecto 2/2
- OpenLayers ...
- es una librería en javascript que soporta standards y datos abiertos o privativos.
- ofrece un soporte de mosaico muy eficiente
- ofrece un conjunto di herramientas (tools) para la navegación y las necesitades basicas de las aplicacaciónes
- una avanzada integración de las liberias de dibujo vectorial
Instalación y configuración
- más sencillo que nunca:
- no necesita de ninguna configuración
OpenLayers - utilizar la librería
- poner un mapa en tu pagina web
- puede ser muy sencillo o muy complicado
utilizar la librería: añadir el script ...
- Añadir el script tag a la página web:
<script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js">
Añadir un mapa a la pagina
- poner un div en algun lado en la pagina:
<div id="map"></div>
- este Id se utiliza para decir a OpenLayers donde poner el mapa
- Poner la función de onload el tag body:
<body onload="init()">
Un poco de estilo...
<style type="text/css">
#map {
height: 200px;
border: 1px solid white;
}
</style>
en fin el mapa
<script type="text/javascript">
var map, layer;
function init(){
map = new OpenLayers.Map( 'map' );
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://labs.metacarta.com/wms/vmap0",
{layers: 'basic'} );
map.addLayer(layer);
map.zoomToMaxExtent();
}
</script>
prueba OpenLayers
OpenLayers - Extras
Aquí una lista de algunas funciones que OpenLayers presenta:
- tipos de datos soportados:
- Funciones varias:
- librería de dibujo vectorial:
- gml layer / WFS / OpenStreetMaps / modify features / rotate features / routing / SLD / Vector Formats
Conclusiones
Que nos va a traer el futuro?
- Desarrollo, Desarrollo y Desarrollo!
Contacto
Lorenzo Becchi
- lorenzo@ominiverdi.org
- http://www.ominiverdi.org
- http://blog.ominiverdi.org