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

1. GIS and Map Tiles
Petr Pridal <petr.pridal@klokantech.com>
October 13th, InDOG, Olomouc

2. The company
.. and it’s story
Tiling the maps
Research and cool GIS projects

3. The company
.. and it’s story

4. MapTiler
GDAL2Tiles
Georeferencer
BoundingBox

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

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

9. The company
.. and it’s story
Tiling the maps
Research and cool GIS projects

10. Tiling the maps

12. OGC
WMS
OGC
WMTS
OSGEO TMS
Dynamic
Pre-rendering
Caching / Seeding
MapTiler
GDAL2Tiles, TileMill, ...

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

15. Folder
Package
MBTiles,
OGC GeoPackage, ...

16. 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!

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

18. MapTiler
TileMill
Raster data
Vector data
OSM
www.maptiler.com
Mac App Store
www.tilemill.com
GDAL / GDAL2Tiles
Mapnik

19. DEMO

20. Access via XYZ address:
http://www.domain.com/map/{z}/{x}/{y}.png
or TileJSON

21. Hosting anywhere

22. OGC
WMTS
Web Map Tile Service

23. TileServer-PHP
OGC WMTS for map tiles
https://github.com/klokantech/tileserver-php/

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

25. Easy to use:
Usage: upload PHPs + .htaccess
Drop the tile files in the same folder
https://github.com/klokantech/tileserver-php/

26. 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!)

27. TileServer.JSON
/tileserver.json
List of TileJSON metadata for each map:

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

31. Hurricane Sandy Response Imagery

33. TileServer-PHP
OGC WMTS for map tiles
https://github.com/klokantech/tileserver-php/

34. 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 / ...

35. Ordnance Survey OpenData
Spherical Mercator Tiles / MBTiles

36. Ordnance Survey OpenData
Spherical Mercator Tiles / MBTiles

51. The company
.. and it’s story
Tiling the maps
Research and cool GIS projects

52. Research and cool GIS projects

53. Future of online mapping

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

55. Raster
reprojection
Georeferencer.com
...

56. Image -> Map

57. Image -> Map

58. www.georeferencer.com

59. Virtual Globes
WebGL Earth
Cesium
OpenWebGlobe
ReadyMap 3D (godzi)
...

60. WebGL Earth 2.0

61. Image -> Map

63. Terrain
KLOKAN TECHNOLOGIES - Museo 300
KLOKAN TECHNOLOGIES - Museo 500
KLOKAN TECHNOLOGIES - Museo 700

64. Segmented plane
KLOKAN TECHNOLOGIES - Museo 300
KLOKAN TECHNOLOGIES - Museo 500
KLOKAN TECHNOLOGIES - Museo 700

65. KLOKAN TECHNOLOGIES - Museo 300
KLOKAN TECHNOLOGIES - Museo 500
KLOKAN TECHNOLOGIES - Museo 700

66. WebGL Earth
Cesium
OpenWebGlobe
ReadyMap 3D (godzi)
...

68. Composite Map
Projections
http://cartography.oregonstate.edu/demos/
CompositeMapProjection/
...

70. Raster tiles
and
vector tiles
Google Maps
OpenLayers V3
...

75. OpenLayers3
and soon or later “proj4gl”
Closure Tools (JavaScript)

76. TileServer-PHP open-source project
https://github.com/klokantech/tileserver-php/
www.maptiler.com
email contact:
info@klokantech.com