GIS and Map Tiles

Petr Pridal <petr.pridal@klokantech.com>

October 13th, InDOG, Olomouc

GIS and Map Tiles

The company.. and it’s story

Tiling the maps

Research and cool GIS projects

The company.. and it’s story

GeoreferencerMapTiler

GDAL2Ti les BoundingBox

• 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

• 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

The company.. and it’s story

Tiling the maps

Research and cool GIS projects

Tiling the maps

Dynamic

WMSOGC

WMTSOGC

MapTilerGDAL2Tiles, TileMill, ...

Pre-rendering

Caching / Seeding

OSGEO TMS

AdvantagesFast delivery to visitors

High-quality rendering algorithmsNo extra server software required

Any hosting or cloud storage, SLA, files or blobsReliability, scaling - cheaper to maintain

Base maps, data without frequent updatesEasy offline mode - mobile apps

DisadvantagesPossibly large data to store

Data for distribution different from master dataLive updates, intensive CPU processing, data transfers and storage

Pre-rendered map tiles

Folder Package

MBTiles,OGC GeoPackage, ...

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!

GEODETIC COORDINATESLATITUDE LONGITUDEWGS 84 (EPSG:4326)

SPHERICAL MERCATORMETERS

EPSG:3785 / EPSG:900913

PYRAMID COORDINATESXYZ PIXELS / ZOOM

WEB VIEWERS

TILE INDEXXYZ TILE / ZOOM

TILE MAP SERVICE

MapTiler

Raster data

www.maptiler.comMac App Store

GDAL / GDAL2Tiles

TileMill

Vector dataOSM

www.tilemill.com

Mapnik

DEMO

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

or TileJSON

Hosting anywhere

WMTSOGC

Web Map Tile Service

TileServer-PHP

https://github.com/klokantech/tileserver-php/

OGC WMTS for map tiles

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.

Easy to use:

Usage: upload PHPs + .htaccessDrop the tile files in the same folder

https://github.com/klokantech/tileserver-php/

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

TileServer.JSON

/tileserver.json

List of TileJSON metadata for each map:

Alternative implementation beeing developedin Python

(students at universities: HSR Switzerland)

C/C++(based on MapCache code base)

Amazon S3 / Google Cloud Storage / ...(integrated in MapTiler)

Hurricane Sandy Response Imagery

TileServer-PHP

https://github.com/klokantech/tileserver-php/

OGC WMTS for map tiles

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

Ordnance Survey OpenDataSpherical Mercator Tiles / MBTiles

Ordnance Survey OpenDataSpherical Mercator Tiles / MBTiles

The company.. and it’s story

Tiling the maps

Research and cool GIS projects

Research and cool GIS projects

Future of online mapping

WebGL?

<CANVAS> in HTML5JavaScript + OpenGL ES 2.0

Shaders for the graphic card (GPU)in GLSL programming language (C-like)

Data in buffers (vertex arrays), raster textures

Raster reprojection

Georeferencer.com...

Image -> Map

Image -> Map

www.georeferencer.com

Virtual Globes

WebGL EarthCesium

OpenWebGlobeReadyMap 3D (godzi)

...

WebGL Earth 2.0

Image -> Map

Terrain

KLOKAN TECHNOLOGIES - Museo Sans 500

KLOKAN TECHNOLOGIES - Museo Sans 500 ItalicKLOKAN TECHNOLOGIES - Museo Sans 700

KLOKAN TECHNOLOGIES - Museo 300

KLOKAN TECHNOLOGIES - Museo 500KLOKAN TECHNOLOGIES - Museo 700

CMYK100 75 10 0

RGB0 81 151

#005096

Segmented plane

KLOKAN TECHNOLOGIES - Museo Sans 500

KLOKAN TECHNOLOGIES - Museo Sans 500 ItalicKLOKAN TECHNOLOGIES - Museo Sans 700

KLOKAN TECHNOLOGIES - Museo 300

KLOKAN TECHNOLOGIES - Museo 500KLOKAN TECHNOLOGIES - Museo 700

CMYK100 75 10 0

RGB0 81 151

#005096

KLOKAN TECHNOLOGIES - Museo Sans 500

KLOKAN TECHNOLOGIES - Museo Sans 500 ItalicKLOKAN TECHNOLOGIES - Museo Sans 700

KLOKAN TECHNOLOGIES - Museo 300

KLOKAN TECHNOLOGIES - Museo 500KLOKAN TECHNOLOGIES - Museo 700

CMYK100 75 10 0

RGB0 81 151

#005096

WebGL EarthCesium

OpenWebGlobeReadyMap 3D (godzi)

...

Composite Map Projections

http://cartography.oregonstate.edu/demos/CompositeMapProjection/

...

Raster tilesand

vector tiles

Google MapsOpenLayers V3

...

OpenLayers3and soon or later “proj4gl”

Closure Tools (JavaScript)

TileServer-PHP open-source project

https://github.com/klokantech/tileserver-php/

www.maptiler.com

email contact:

info@klokantech.com