Il documento presenta OpenLayers, un framework JavaScript open source finalizzato alla visualizzazione e interrogazione di mappe web, come alternativa a API commerciali. Viene fornito un glossario dei termini GIS e informazioni su diverse modalità di pubblicazione e interrogazione dei layer cartografici. Inoltre, si discutono esempi di implementazioni e ottimizzazione dei caricamenti dei layer vettoriali.

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

2. Presentazione Roberto Messora Value Lab Srl [email_address] [email_address] http://blogs.ugidotnet.org/robymes Twitter: robymes

3. 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

4. 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)

5. 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

6. 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)

7. Mappa di base DEMO Esempio 01 - Hello World!

8. Layer raster tiled

9. Layer raster supportati ESRI ArcGIS servers Googl, Bing, Yahoo, Open Street Map Plain image files KaMap MapGuide MapServer TileCache TMS WMS WorldWind

10. Mappa di base DEMO Esempio 02 – Layer raster commerciali

11. 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, …)

12. Mappa di base DEMO Esempio 03 – Layer raster custom

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

14. Query di layer raster DEMO Esempio 04 – Ottenere informazioni con un click

15. 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

16. Controlli DEMO Esempio 05 – Controlli di mappa

17. Layer vettoriali supportati ESRI ArcXML GeoJSON GeoRSS GML GPX KML Open Street Map Text (comma separated values) WKT

18. Layer vettoriali DEMO Esempio 06 – GeoRSS

19. 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

20. Layer vettoriali DEMO Esempio 07 – Ottimizzazione caricamento features

21. Layer vettoriali DEMO Esempio 08 – Clusters

22. Riferimenti utili Il portale di OpenLayers http://openlayers.org Il portale di Geoserver http://geoserver.org Il portale di Geoext http://www.geoext.org

23. Grazie Roberto Messora Value Lab Srl [email_address] [email_address] http://blogs.ugidotnet.org/robymes Twitter: robymes