map meshup

Mesh-ups di mappe web con OpenLayers //Javascript Day

Presentazione

Roberto MessoraValue Lab Srl

roberto.messora@valuelab.itroberto@messora.com

http://blogs.ugidotnet.org/robymesTwitter: robymes

Cos’è OpenLayers

• È un framework javascript open source che permette di visualizzare ed interrogare mappe web

• Un’alternativa più avanzata alle API di mapping commerciali (Google, Bing, …)

• Progettato per integrarsi con GIS server già esistenti

• Adozione molto alta

Glossario

• GIS: Geographic Information System• OGC: Open GIS Consortium (il W3C

del GIS)– WMS: Web Map Service protocol– WFS: Web Feature Service protocol– GeoRSS: geographical RSS web feed– GML: Geography Markup Language

(XML)– KML: Keyhole Markup Language (XML)

Glossario

• Layer: una mappa è composta da strati di dati cartografici sovrapposti

• Proiezione: una mappa è definita in un unico sistema di coordinate di riferimento:– WGS84 in Lat/Lon, sistema GPS (codice

4326)– Spherical Mercator in X/Y, Google/Bing

(codice 900913)– Ma anche moltissime altre

Glossario

• Raster: un layer può essere servito in formato immagine o come mosaico (tile) di immagini (WMS, Google, Bing, Open Street Map)

• Vector: un layer può essere servito come stream di dati (features) delle geometrie e degli attributi che lo compongono (WFS, GeoRss, GML, KML)

Mappa di base

DEMOEsempio 01 - Hello World!

Layer raster tiled

Layer raster supportati

• ESRI ArcGIS servers• Googl, Bing, Yahoo, Open Street Map• Plain image files• KaMap• MapGuide• MapServer• TileCache• TMS• WMS• WorldWind

Mappa di base

DEMOEsempio 02 – Layer raster commerciali

Geoserver

• Map server open source sviluppato in Java

• Implementazione certificata di riferimento degli standard dell’OGC (WMS, WFS)

• Ampia disponibilità di pubblicazione di vari fonti dati (shapefile, immagini satellitari, RDBMS, …)

Mappa di base

DEMOEsempio 03 – Layer raster custom

Query di layer raster

• Un layer servito in modalità WMS può essere interrogato per ottenere informazioni sulla feature selezionata

• In generale un layer può essere servito da un map server in più modalità contemporaneamente (WMS, WFS, GeoRSS, …), dipende dal client quale modalità richiedere

Query di layer raster

DEMOEsempio 04 – Ottenere informazioni con un click

Controlli

• Openlayers è corredato di una serie di controlli che arricchiscono l’interazione con la mappa– Navigation– Pan & Zoom– Layer switcher– Scale Bar– Mouse Position– Permalink– Overview Map– Navigation History

Controlli

DEMOEsempio 05 – Controlli di mappa

Layer vettoriali supportati

• ESRI ArcXML• GeoJSON• GeoRSS• GML• GPX• KML• Open Street Map• Text (comma separated values)• WKT

Layer vettoriali

DEMOEsempio 06 – GeoRSS

Strategie e stili

• Un layer vettoriale può essere molto pesante da caricare nella mappa

• Esistono alcune strategie di caricamento intelligenti che ottimizzano lo stream dei dati dal server verso il client OpenLayers

• Un layer vettoriale può essere tematizzato (stile) direttamente sul client

Layer vettoriali

DEMOEsempio 07 – Ottimizzazione caricamento features

Layer vettoriali

DEMOEsempio 08 – Clusters

Riferimenti utili

• Il portale di OpenLayershttp://openlayers.org

• Il portale di Geoserverhttp://geoserver.org

• Il portale di Geoexthttp://www.geoext.org

Grazie

Roberto MessoraValue Lab Srl

roberto.messora@valuelab.itroberto@messora.com

http://blogs.ugidotnet.org/robymesTwitter: robymes