map meshup

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

Upload: francesca1980

Post on 22-Nov-2014

1.219 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Map meshup

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

Page 2: Map meshup

Presentazione

Roberto MessoraValue Lab Srl

[email protected]@messora.com

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

Page 3: Map meshup

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

Page 4: Map meshup

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)

Page 5: Map meshup

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

Page 6: Map meshup

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)

Page 7: Map meshup

Mappa di base

DEMOEsempio 01 - Hello World!

Page 8: Map meshup

Layer raster tiled

Page 9: Map meshup

Layer raster supportati

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

Page 10: Map meshup

Mappa di base

DEMOEsempio 02 – Layer raster commerciali

Page 11: Map meshup

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

Page 12: Map meshup

Mappa di base

DEMOEsempio 03 – Layer raster custom

Page 13: Map meshup

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

Page 14: Map meshup

Query di layer raster

DEMOEsempio 04 – Ottenere informazioni con un click

Page 15: Map meshup

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

Page 16: Map meshup

Controlli

DEMOEsempio 05 – Controlli di mappa

Page 17: Map meshup

Layer vettoriali supportati

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

Page 18: Map meshup

Layer vettoriali

DEMOEsempio 06 – GeoRSS

Page 19: Map meshup

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

Page 20: Map meshup

Layer vettoriali

DEMOEsempio 07 – Ottimizzazione caricamento features

Page 21: Map meshup

Layer vettoriali

DEMOEsempio 08 – Clusters

Page 22: Map meshup

Riferimenti utili

• Il portale di OpenLayershttp://openlayers.org

• Il portale di Geoserverhttp://geoserver.org

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

Page 23: Map meshup

Grazie

Roberto MessoraValue Lab Srl

[email protected]@messora.com

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