GIS and Map Tiles

699 views

Published on

Presentation from InDOG conference in Olomouc. http://www.indog.upol.cz/conference2013/

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
699
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
47
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

GIS and Map Tiles

  1. 1. GIS and Map Tiles Petr Pridal <petr.pridal@klokantech.com> October 13th, InDOG, Olomouc
  2. 2. The company .. and it’s story Tiling the maps Research and cool GIS projects
  3. 3. The company .. and it’s story
  4. 4. MapTiler GDAL2Tiles Georeferencer BoundingBox
  5. 5. • Computer science student (FI MU Brno) • MPlayer OS X • Google Summer Of Code: GDAL2Tiles, FOSS4G • CVUT: PhD candidate + MZK: TEMAP.cz • MapRank: ETH Zurich: Kartenportal.CH -> KlokanTech • MapTiler / GDAL2Tiles: Orange UK, Vodafone, NOAA, EC JRC, Europeana, The British Library, David Rumsey, ... • OldMapsOnline.org: New York / London • The Royal Scottish Geographic Society honorary fellowship & Bartholomew Globe prize • Google I/O 2012 invitation • StareMapy.cz - 9 institutions + Czech TV evening news
  6. 6. • Computer science student (FI MU Brno) • MPlayer OS X • Google Summer Of Code: GDAL2Tiles, FOSS4G • CVUT: PhD candidate + MZK: TEMAP.cz • MapRank: ETH Zurich: Kartenportal.CH -> KlokanTech • MapTiler / GDAL2Tiles: Orange UK, Vodafone, NOAA, EC JRC, Europeana, The British Library, David Rumsey, ... • OldMapsOnline.org: New York / London • The Royal Scottish Geographic Society honorary fellowship & Bartholomew Globe prize • Google I/O 2012 invitation • StareMapy.cz - 9 institutions + Czech TV evening news
  7. 7. The company .. and it’s story Tiling the maps Research and cool GIS projects
  8. 8. Tiling the maps
  9. 9. OGC WMS OGC WMTS OSGEO TMS Dynamic Pre-rendering Caching / Seeding MapTiler GDAL2Tiles, TileMill, ...
  10. 10. Pre-rendered map tiles Advantages Fast delivery to visitors High-quality rendering algorithms No extra server software required Any hosting or cloud storage, SLA, files or blobs Reliability, scaling - cheaper to maintain Base maps, data without frequent updates Easy offline mode - mobile apps Disadvantages Possibly large data to store Data for distribution different from master data Live updates, intensive CPU processing, data transfers and storage
  11. 11. Folder Package MBTiles, OGC GeoPackage, ...
  12. 12. SPHERICAL MERCATOR • Popular on the web: Google Maps, OpenStreetMap, Microsoft Bing Maps, ... • Lat/Long WGS84 (GPS devices) datum coordinates always displayed to users - KML • Map rasters are projected by a global Mercator projection: “Spherical Mercator”. EPSG:900913 / EPSG:3857 (meters) • Conformal, cylindrical. Cropped to square (maximal latitude ~ 85.05 degrees), WGS84 ellipsoid is sphere!
  13. 13. GEODETIC COORDINATES LATITUDE LONGITUDE WGS 84 (EPSG:4326) SPHERICAL MERCATOR METERS EPSG:3785 / EPSG:900913 PYRAMID COORDINATES XYZ PIXELS / ZOOM WEB VIEWERS TILE INDEX XYZ TILE / ZOOM TILE MAP SERVICE
  14. 14. MapTiler TileMill Raster data Vector data OSM www.maptiler.com Mac App Store www.tilemill.com GDAL / GDAL2Tiles Mapnik
  15. 15. DEMO
  16. 16. Access via XYZ address: http://www.domain.com/map/{z}/{x}/{y}.png or TileJSON
  17. 17. Hosting anywhere
  18. 18. OGC WMTS Web Map Tile Service
  19. 19. TileServer-PHP OGC WMTS for map tiles https://github.com/klokantech/tileserver-php/
  20. 20. The cool stuff: Easy to use. Extremely fast, no new software to compile and maintain on the server. Reverse engineering of ESRI-compatible OGC WMTS implementation. List of maps exposed vi “tileserver.json”. Optional user interface made fully in JavaScript.
  21. 21. Easy to use: Usage: upload PHPs + .htaccess Drop the tile files in the same folder https://github.com/klokantech/tileserver-php/
  22. 22. Supported clients: ESRI ArcGIS Desktop 10.1+ ArcGIS 9.3+ via ArcBruTiles TMS plugin QGIS Desktop 1.9+ GAIA - native WMTS ... iOS (RouteMe) + Android (OSMDroid) Supported protocols: OpenGIS WMTS 1.0.0, TileJSON.js, XYZ = OSGeo TMS 1.0.0 (invertedTMS!)
  23. 23. TileServer.JSON /tileserver.json List of TileJSON metadata for each map:
  24. 24. Alternative implementation beeing developed in Python (students at universities: HSR Switzerland) C/C++ (based on MapCache code base) Amazon S3 / Google Cloud Storage / ... (integrated in MapTiler)
  25. 25. Hurricane Sandy Response Imagery
  26. 26. TileServer-PHP OGC WMTS for map tiles https://github.com/klokantech/tileserver-php/
  27. 27. MapTiler for Microsoft Windows, Mac OS X, Linux Command line automation, support for custom tile grids and map projections. Vary fast + large datasets + advanced optimisations. www.maptiler.com GDAL / GDAL2Tiles / TileMill / ...
  28. 28. Ordnance Survey OpenData Spherical Mercator Tiles / MBTiles
  29. 29. Ordnance Survey OpenData Spherical Mercator Tiles / MBTiles
  30. 30. The company .. and it’s story Tiling the maps Research and cool GIS projects
  31. 31. Research and cool GIS projects
  32. 32. Future of online mapping
  33. 33. WebGL? <CANVAS> in HTML5 JavaScript + OpenGL ES 2.0 Shaders for the graphic card (GPU) in GLSL programming language (C-like) Data in buffers (vertex arrays), raster textures
  34. 34. Raster reprojection Georeferencer.com ...
  35. 35. Image -> Map
  36. 36. Image -> Map
  37. 37. www.georeferencer.com
  38. 38. Virtual Globes WebGL Earth Cesium OpenWebGlobe ReadyMap 3D (godzi) ...
  39. 39. WebGL Earth 2.0
  40. 40. Image -> Map
  41. 41. Terrain KLOKAN TECHNOLOGIES - Museo 300 KLOKAN TECHNOLOGIES - Museo 500 KLOKAN TECHNOLOGIES - Museo 700
  42. 42. Segmented plane KLOKAN TECHNOLOGIES - Museo 300 KLOKAN TECHNOLOGIES - Museo 500 KLOKAN TECHNOLOGIES - Museo 700
  43. 43. KLOKAN TECHNOLOGIES - Museo 300 KLOKAN TECHNOLOGIES - Museo 500 KLOKAN TECHNOLOGIES - Museo 700
  44. 44. WebGL Earth Cesium OpenWebGlobe ReadyMap 3D (godzi) ...
  45. 45. Composite Map Projections http://cartography.oregonstate.edu/demos/ CompositeMapProjection/ ...
  46. 46. Raster tiles and vector tiles Google Maps OpenLayers V3 ...
  47. 47. OpenLayers3 and soon or later “proj4gl” Closure Tools (JavaScript)
  48. 48. TileServer-PHP open-source project https://github.com/klokantech/tileserver-php/ www.maptiler.com email contact: info@klokantech.com

×