76
Petr Pridal <[email protected]> October 13th, InDOG, Olomouc GIS and Map Tiles

GIS and Map Tiles

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: GIS and Map Tiles

Petr Pridal <[email protected]>

October 13th, InDOG, Olomouc

GIS and Map Tiles

Page 2: GIS and Map Tiles

The company.. and it’s story

Tiling the maps

Research and cool GIS projects

Page 3: GIS and Map Tiles

The company.. and it’s story

Page 4: GIS and Map Tiles

GeoreferencerMapTiler

GDAL2Ti les BoundingBox

Page 5: GIS and Map Tiles

• 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

Page 6: GIS and Map Tiles
Page 7: GIS and Map Tiles

• 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

Page 8: GIS and Map Tiles
Page 9: GIS and Map Tiles

The company.. and it’s story

Tiling the maps

Research and cool GIS projects

Page 10: GIS and Map Tiles

Tiling the maps

Page 11: GIS and Map Tiles
Page 12: GIS and Map Tiles

Dynamic

WMSOGC

WMTSOGC

MapTilerGDAL2Tiles, TileMill, ...

Pre-rendering

Caching / Seeding

OSGEO TMS

Page 13: GIS and Map Tiles

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

Page 14: GIS and Map Tiles
Page 15: GIS and Map Tiles

Folder Package

MBTiles,OGC GeoPackage, ...

Page 16: GIS and Map Tiles

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!

Page 17: GIS and Map Tiles

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

Page 18: GIS and Map Tiles

MapTiler

Raster data

www.maptiler.comMac App Store

GDAL / GDAL2Tiles

TileMill

Vector dataOSM

www.tilemill.com

Mapnik

Page 19: GIS and Map Tiles

DEMO

Page 20: GIS and Map Tiles

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

or TileJSON

Page 21: GIS and Map Tiles

Hosting anywhere

Page 22: GIS and Map Tiles

WMTSOGC

Web Map Tile Service

Page 23: GIS and Map Tiles

TileServer-PHP

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

OGC WMTS for map tiles

Page 24: GIS and 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.

Page 25: GIS and Map Tiles

Easy to use:

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

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

Page 26: GIS and Map Tiles

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

Page 27: GIS and Map Tiles

TileServer.JSON

/tileserver.json

List of TileJSON metadata for each map:

Page 28: GIS and Map Tiles
Page 29: GIS and Map Tiles
Page 30: GIS and Map Tiles

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)

Page 31: GIS and Map Tiles

Hurricane Sandy Response Imagery

Page 32: GIS and Map Tiles
Page 33: GIS and Map Tiles

TileServer-PHP

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

OGC WMTS for map tiles

Page 34: GIS and 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 / ...

Page 35: GIS and Map Tiles

Ordnance Survey OpenDataSpherical Mercator Tiles / MBTiles

Page 36: GIS and Map Tiles

Ordnance Survey OpenDataSpherical Mercator Tiles / MBTiles

Page 37: GIS and Map Tiles
Page 38: GIS and Map Tiles
Page 39: GIS and Map Tiles
Page 40: GIS and Map Tiles
Page 41: GIS and Map Tiles
Page 42: GIS and Map Tiles
Page 43: GIS and Map Tiles
Page 44: GIS and Map Tiles
Page 45: GIS and Map Tiles
Page 46: GIS and Map Tiles
Page 47: GIS and Map Tiles
Page 48: GIS and Map Tiles
Page 49: GIS and Map Tiles
Page 50: GIS and Map Tiles
Page 51: GIS and Map Tiles

The company.. and it’s story

Tiling the maps

Research and cool GIS projects

Page 52: GIS and Map Tiles

Research and cool GIS projects

Page 53: GIS and Map Tiles

Future of online mapping

Page 54: GIS and Map Tiles

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

Page 55: GIS and Map Tiles

Raster reprojection

Georeferencer.com...

Page 56: GIS and Map Tiles

Image -> Map

Page 57: GIS and Map Tiles

Image -> Map

Page 58: GIS and Map Tiles

www.georeferencer.com

Page 59: GIS and Map Tiles

Virtual Globes

WebGL EarthCesium

OpenWebGlobeReadyMap 3D (godzi)

...

Page 60: GIS and Map Tiles

WebGL Earth 2.0

Page 61: GIS and Map Tiles

Image -> Map

Page 62: GIS and Map Tiles
Page 63: GIS and Map Tiles

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

Page 64: GIS and Map Tiles

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

Page 65: GIS and Map Tiles

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

Page 66: GIS and Map Tiles

WebGL EarthCesium

OpenWebGlobeReadyMap 3D (godzi)

...

Page 67: GIS and Map Tiles
Page 69: GIS and Map Tiles
Page 70: GIS and Map Tiles

Raster tilesand

vector tiles

Google MapsOpenLayers V3

...

Page 71: GIS and Map Tiles
Page 72: GIS and Map Tiles
Page 73: GIS and Map Tiles
Page 74: GIS and Map Tiles
Page 75: GIS and Map Tiles

OpenLayers3and soon or later “proj4gl”

Closure Tools (JavaScript)