Map meshup

1,013 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,013
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Map meshup

  1. 1. Mesh-ups di mappe web con OpenLayers // Javascript Day
  2. 2. Presentazione <ul><li>Roberto Messora </li></ul><ul><li>Value Lab Srl </li></ul><ul><li>[email_address] </li></ul><ul><li>[email_address] </li></ul><ul><li>http://blogs.ugidotnet.org/robymes </li></ul><ul><li>Twitter: robymes </li></ul>
  3. 3. Cos’è OpenLayers <ul><li>È un framework javascript open source che permette di visualizzare ed interrogare mappe web </li></ul><ul><li>Un’alternativa più avanzata alle API di mapping commerciali (Google, Bing, …) </li></ul><ul><li>Progettato per integrarsi con GIS server già esistenti </li></ul><ul><li>Adozione molto alta </li></ul>
  4. 4. Glossario <ul><li>GIS: Geographic Information System </li></ul><ul><li>OGC: Open GIS Consortium (il W3C del GIS) </li></ul><ul><ul><li>WMS: Web Map Service protocol </li></ul></ul><ul><ul><li>WFS: Web Feature Service protocol </li></ul></ul><ul><ul><li>GeoRSS: geographical RSS web feed </li></ul></ul><ul><ul><li>GML: Geography Markup Language (XML) </li></ul></ul><ul><ul><li>KML: Keyhole Markup Language (XML) </li></ul></ul>
  5. 5. Glossario <ul><li>Layer: una mappa è composta da strati di dati cartografici sovrapposti </li></ul><ul><li>Proiezione: una mappa è definita in un unico sistema di coordinate di riferimento: </li></ul><ul><ul><li>WGS84 in Lat/Lon, sistema GPS (codice 4326) </li></ul></ul><ul><ul><li>Spherical Mercator in X/Y, Google/Bing (codice 900913) </li></ul></ul><ul><ul><li>Ma anche moltissime altre </li></ul></ul>
  6. 6. Glossario <ul><li>Raster: un layer può essere servito in formato immagine o come mosaico (tile) di immagini (WMS, Google, Bing, Open Street Map) </li></ul><ul><li>Vector: un layer può essere servito come stream di dati (features) delle geometrie e degli attributi che lo compongono (WFS, GeoRss, GML, KML) </li></ul>
  7. 7. Mappa di base <ul><li>DEMO </li></ul><ul><ul><li>Esempio 01 - Hello World! </li></ul></ul>
  8. 8. Layer raster tiled
  9. 9. Layer raster supportati <ul><li>ESRI ArcGIS servers </li></ul><ul><li>Googl, Bing, Yahoo, Open Street Map </li></ul><ul><li>Plain image files </li></ul><ul><li>KaMap </li></ul><ul><li>MapGuide </li></ul><ul><li>MapServer </li></ul><ul><li>TileCache </li></ul><ul><li>TMS </li></ul><ul><li>WMS </li></ul><ul><li>WorldWind </li></ul>
  10. 10. Mappa di base <ul><li>DEMO </li></ul><ul><ul><li>Esempio 02 – Layer raster commerciali </li></ul></ul>
  11. 11. Geoserver <ul><li>Map server open source sviluppato in Java </li></ul><ul><li>Implementazione certificata di riferimento degli standard dell’OGC (WMS, WFS) </li></ul><ul><li>Ampia disponibilità di pubblicazione di vari fonti dati (shapefile, immagini satellitari, RDBMS, …) </li></ul>
  12. 12. Mappa di base <ul><li>DEMO </li></ul><ul><ul><li>Esempio 03 – Layer raster custom </li></ul></ul>
  13. 13. Query di layer raster <ul><li>Un layer servito in modalità WMS può essere interrogato per ottenere informazioni sulla feature selezionata </li></ul><ul><li>In generale un layer può essere servito da un map server in più modalità contemporaneamente (WMS, WFS, GeoRSS, …), dipende dal client quale modalità richiedere </li></ul>
  14. 14. Query di layer raster <ul><li>DEMO </li></ul><ul><ul><li>Esempio 04 – Ottenere informazioni con un click </li></ul></ul>
  15. 15. Controlli <ul><li>Openlayers è corredato di una serie di controlli che arricchiscono l’interazione con la mappa </li></ul><ul><ul><li>Navigation </li></ul></ul><ul><ul><li>Pan & Zoom </li></ul></ul><ul><ul><li>Layer switcher </li></ul></ul><ul><ul><li>Scale Bar </li></ul></ul><ul><ul><li>Mouse Position </li></ul></ul><ul><ul><li>Permalink </li></ul></ul><ul><ul><li>Overview Map </li></ul></ul><ul><ul><li>Navigation History </li></ul></ul>
  16. 16. Controlli <ul><li>DEMO </li></ul><ul><ul><li>Esempio 05 – Controlli di mappa </li></ul></ul>
  17. 17. Layer vettoriali supportati <ul><li>ESRI ArcXML </li></ul><ul><li>GeoJSON </li></ul><ul><li>GeoRSS </li></ul><ul><li>GML </li></ul><ul><li>GPX </li></ul><ul><li>KML </li></ul><ul><li>Open Street Map </li></ul><ul><li>Text (comma separated values) </li></ul><ul><li>WKT </li></ul>
  18. 18. Layer vettoriali <ul><li>DEMO </li></ul><ul><ul><li>Esempio 06 – GeoRSS </li></ul></ul>
  19. 19. Strategie e stili <ul><li>Un layer vettoriale può essere molto pesante da caricare nella mappa </li></ul><ul><li>Esistono alcune strategie di caricamento intelligenti che ottimizzano lo stream dei dati dal server verso il client OpenLayers </li></ul><ul><li>Un layer vettoriale può essere tematizzato (stile) direttamente sul client </li></ul>
  20. 20. Layer vettoriali <ul><li>DEMO </li></ul><ul><ul><li>Esempio 07 – Ottimizzazione caricamento features </li></ul></ul>
  21. 21. Layer vettoriali <ul><li>DEMO </li></ul><ul><ul><li>Esempio 08 – Clusters </li></ul></ul>
  22. 22. Riferimenti utili <ul><li>Il portale di OpenLayers </li></ul><ul><li>http://openlayers.org </li></ul><ul><li>Il portale di Geoserver </li></ul><ul><li>http://geoserver.org </li></ul><ul><li>Il portale di Geoext </li></ul><ul><li>http://www.geoext.org </li></ul>
  23. 23. Grazie <ul><li>Roberto Messora </li></ul><ul><li>Value Lab Srl </li></ul><ul><li>[email_address] </li></ul><ul><li>[email_address] </li></ul><ul><li>http://blogs.ugidotnet.org/robymes </li></ul><ul><li>Twitter: robymes </li></ul>

×