Fast online maps for web, mobile and desktop applications from a traditional Apache/PHP/MySQL web hosting or from the Amazon S3 cloud Almost all mapping applications available today on the web and in mobile devices are in fact using tiles as the core for online distribution of maps. This presentation shortly explains the tiling basics and shows the open-source software typically used for generating and distributing tiled maps in the most popular Spherical Mercator system (EPSG:3857 / EPSG:900913) visible in Google Maps, OpenStreetMap, Bing Maps and other online maps. The tools for rendering maps such as the MapTiler (powered by GDAL/GDAL2Tiles) and TileMill (powered by Mapnik) will be demonstrated. The presentation also introduces a new open-source project called TileServer which allows to distribute rendered map tiles (directory or MBTiles) from any ordinary web server (Apache/MySQL) in the standardised OpenGIS WMTS format without a need to install, configure or maintain any additional dynamic software or web server extension. Any traditional web hosting can be therefore used for online distribution of maps. It is a rapid, extremely high-performance and scalable way how to publish maps. Hosting of the rendered maps is also possible from the cloud, such as Amazon S3/CloudFront or RackSpace Files. The published custom maps can be used in HTML5/JavaScript applications (OpenLayers/Leaflet), on mobile devices (iOS: MapKit/RouteMe, Android: OSMDroid), or even opened in desktop GIS systems such as QGIS, UDig and ESRI ArcGIS Desktop. This presentation contains a practical demonstration of map tile rendering and online publishing. Links: Spherical Mercator and Tiling Systems http://www.maptiler.org/google-maps-coordinates-tile-bounds-projection/ TileServer.PHP server: https://github.com/klokantech/tileserver-php/

1. Petr Pridal <petr.pridal@klokantech.com>
June 14th, Rapperswil 2013
Tile based map publishing
with WMTS TileServer, MapTiler and TileMill

3. Pre-rendered
Caching / Seeding
Dynamic
VS

4. Dynamic
WMS
OpenGIS
WMTS
OpenGIS
TileCache
MapCache
GeoWebCache
MapTiler / GDAL2Tiles
TileMill
MapServer
GeoServer
Mapnik
Pre-rendered
Caching / Seeding
OSGEO TMS

5. Advantages
Easy to prepare
Fast and beautiful
No extra server software needed
Any hosting or cloud storage, SLA, files or blobs
Reliability - cheaper to maintain
Basemaps, data without frequent updates
Easy offline mode - mobile apps
Disadvantages
Possibly large data to store
Data for distribution different from master data
Live updates, extra processing, transfer

7. mbutil

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

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

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

12. DEMO

13. Hosting

14. Standards
WMTS
OpenGIS
OGC Web Map Tile Service (WMTS)
OSGEO Tile Map Service (TMS)
Microsoft QuadKey
EPSG:900913
EPSG:GOOGLE
Google XYZ
+ TileJSON? + TileServer.JSON?
+ XYZ?

15. TileServer
PHP files + tile folder or .mbtiles
Alternative implementation in Python + C/C++
Amazon S3 / Google Cloud Storage
Usage: upload PHP + .htaccess
Drop the tile files in the same folder
https://github.com/klokantech/tileserver-php/

16. TileServer - Desktop
clients
QuantumGIS Desktop 1.9+
ESRI ArcGIS Desktop 10.1+
ArcBruTiles TMS plugin for ArcGIS 9.3+
GAIA - native WMTS

17. TileServer: Capabilities
Protocols:
OpenGIS WMTS 1.0.0, TileJSON.js, XYZ = OSGeo
TMS 1.0.0 (invertedTMS!)
Clients:
iOS (RouteMe) + Android (OSMDroid)
QuantumGIS Desktop 1.9+
ESRI ArcGIS Desktop 10.1+
ArcBruTiles TMS plugin for ArcGIS 9.3+
GAIA - native WMTS

18. DEMO

20. Hurricane Sandy

28. NOAA (Nautical Oceanic and Atmospheric Administration),
BRGM (Bureau des Recherches Geologiques et Minières)
US Forest Service
European Commission: Joint Research Center
National Library of Scotland
Mobile operators: Three, Orange, ...
Companies from: USA, UK, France, Netherlands, Australia, New Zealand, Italy,
Spain, Chile, ...
David Rumsey (DavidRumsey.com)
BRGM (Bureau des Recherches Geologiques et Minières)
Moravian Library Brno, Czech Republic
Users of MapTiler
GDAL2Tiles

29. forclients
MapTiler Pro / Cluster
Services
Consulting + Support
Advanced version in C/C++ with additional features
www.maptiler.com

30. Thank you!
email contact:
petr.pridal@klokantech.com