PowerPoint Presentation

How to make a 3D web geoportal

FOSS4G 2016

3D bei swisstopoDarstellung Standardsettingberlagern briger 2D DatenGL-Sitzung 10. Februar 2015A. Buogo, A. Streilein, D. Oesch,

Swiss Federal Office of Topography - swisstopo

Bezeichnung des Anlasses mit Datum bzw Geschft / VorhabenStand TT.MM.JJBereich

Gilbert Jeiziner | @gilbertjeiziner | github.com/gjn

Swiss Federal Office of Topography swisstopo

geo.admin.ch | geoportal for all swiss federal offices

500+ datasets | 30k visits per day

@swiss_geoportal2

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Its the law.We focus on data and services and mapping.Constant growth of the portal since launch in 2008 (40% annual increase)2Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

PL: David Oesch, Cdric Moullet

Data/Terrain: Cdric Mtraux, Loc Gasser, Marcel Clausen

Cloud: Marc Monnerat, Andrea Borghi

Front-End: Eric Lemoine, Frd Junod, Guillaume Beraudo, Olivier Terral

Countless contributors to open source projects3

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Its the law.We focus on data and services and mapping.Constant growth of the portal since launch in 2008 (40% annual increase)3Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

3D Data is available (DTM, TLM, etc)not as a servicenot directly usable for visualisation

High precision DTM: up to 0.25m

Lets put it on the web!4

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

We have 3D data available. And we want to Great idea many consequences4Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

CesiumJS was only real 3D library

WGS84 only

Ivn Snchez: other WebGL libraries

5

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Only WebGL offers enough capacity to render a 3D view with speed.CesiumJS only real 3D library that offers globe5Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

Challenge 1: triangulation

Original data is grid based

Triangulate in X/Y/Z coordinate system

Reproject to WGS84

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

No known library/tool that triangulates in WGS84Bezeichnung des Anlasses mit Datum bzw Geschft / VorhabenStand TT.MM.JJBereich6

Challenge 2: size

~ 1.5 TB Meshed triangles

?

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

It became obvious that we cant transfer this amount of data. Because most important.How do we solve this? IS there something existing already?Bezeichnung des Anlasses mit Datum bzw Geschft / VorhabenStand TT.MM.JJBereich7

CesiumJs uses quantized mesh format for terrainhttps://cesiumjs.org/data-and-assets/terrain/formats/quantized-mesh-1.0.html

Optimized for web and webGL

6 bytes per coordinate triple8

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

8Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

No tools to write quantized mesh

We wrote our own: 3d-forgehttps://github.com/geoadmin/3d-forge

Consumes triangles writes quantized mesh9

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

9Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

~ 1.5 TB

~ 15 GB

Reduction100XRaw ShapesTerrain formatGood, but not good enough

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Eventually, everything gets tiled

Quadtree pyramid according to TMS11

~ 1.5 TB

~ 15 GBReduction100X

~ 1 - 5 MBFor a single 3D viewReduction3000X

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

11Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

The mesh [DEMO]12

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

12Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

What to put on the mesh?

Easy: just drape your 2D Maps over the terrain

Reprojection again! (Hi Calvin Metcalf)13

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

The mesh itsel is not very interesting. So what do you want to show. Remember, we have 500 layers.But it might not be that straight forward because we need it in WGS84!

13Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

Challenge 3: reprojection 500+ 2D mapsWMS/Mapserver -> too slow, doesnt scale well

We have 3.5 billion native WMTS tiles

Pre-Generate all in WGS84 is costly (and insane)

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Using WMS is simply too slow and it doesnt scale very well.3.5 billion wmts tiles (over the years, many timestamps, etc. storage is cheap)Bezeichnung des Anlasses mit Datum bzw Geschft / VorhabenStand TT.MM.JJBereich14

Tiles CH03Tiles WGS84

2D Map3D WorldReprojection using Mapproxy

Terrain 3D

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Created plugin for mapproxy (S3 caching)https://github.com/procrastinatio/mapproxy/tree/s3

16

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

The mesh itsel is not very interesting. So what do you want to show. Remember, we have 500 layers.But it might not be that straight forward because we need it in WGS84!

16Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

Challenge 4: seamless integrationPassing from 2D to 3D and back

What you see in 2D, you will see in 3D

ol3-cesium Libraryhttp://openlayers.org/ol3-cesium/

Visit Guillaumes talk!

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Using WMS is simply too slow and it doesnt scale very well.3.5 billion wmts tiles (over the years, many timestamps, etc. storage is cheap)Bezeichnung des Anlasses mit Datum bzw Geschft / VorhabenStand TT.MM.JJBereich17

[DEMO]18

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

The mesh itsel is not very interesting. So what do you want to show. Remember, we have 500 layers.But it might not be that straight forward because we need it in WGS84!

18Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

Thats all?19

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

The mesh itsel is not very interesting. So what do you want to show. Remember, we have 500 layers.But it might not be that straight forward because we need it in WGS84!

19Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

It was slow (900+ requests, 20MB transferred)

Many questions about operations (users, traffic, costs, etc.)20

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

The mesh itsel is not very interesting. So what do you want to show. Remember, we have 500 layers.But it might not be that straight forward because we need it in WGS84!

20Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

We let 10 people navigate Switzerland in 3D21

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

The mesh itsel is not very interesting. So what do you want to show. Remember, we have 500 layers.But it might not be that straight forward because we need it in WGS84!

21Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

1 3D user created same traffic as 50 2D users

Scare mail

Impact on cost not tax payer friendly

22

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

The mesh itsel is not very interesting. So what do you want to show. Remember, we have 500 layers.But it might not be that straight forward because we need it in WGS84!

22Umfang und Potenzial von "Zeitreihen der Geodaten von swisstopo"GL-Sitzung 25.11.2014

Challenge 5: reduce operational costs and increase performanceSkip LODs

Add fog

Reduce quality of draped layers

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Using WMS is simply too slow and it doesnt scale very well.3.5 billion wmts tiles (over the years, many timestamps, etc. storage is cheap)Bezeichnung des Anlasses mit Datum bzw Geschft / VorhabenStand TT.MM.JJBereich23

December 2015 - Alpha Release as 2.5D

Usage is very low

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Using WMS is simply too slow and it doesnt scale very well.3.5 billion wmts tiles (over the years, many timestamps, etc. storage is cheap)Bezeichnung des Anlasses mit Datum bzw Geschft / VorhabenStand TT.MM.JJBereich24

From 2.5D to real 3D-

Peak Preview [DEMO]

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Using WMS is simply too slow and it doesnt scale very well.3.5 billion wmts tiles (over the years, many timestamps, etc. storage is cheap)Bezeichnung des Anlasses mit Datum bzw Geschft / VorhabenStand TT.MM.JJBereich25

A couple of thougths about the future of 3D web mapping

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Bezeichnung des Anlasses mit Datum bzw Geschft / VorhabenStand TT.MM.JJBereich26

Dont throw away 2D

We need real 3D data with real 3D models and symbology

Find the right use cases

VR/AR support for browsers very poor (webVR)

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Bezeichnung des Anlasses mit Datum bzw Geschft / VorhabenStand TT.MM.JJBereich27

I think the most important aspect of 3D web mapping is usability/navigation

Learn from games (DOOM VR)

Is immersion better?

[THE FINAL DEMO]

FOSS4G 2016 Swiss Federal Office of Topography - swisstopo

Bezeichnung des Anlasses mit Datum bzw Geschft / VorhabenStand TT.MM.JJBereich28

CommunityMailing listhttp://groups.google.com/group/geoadmin-api

Githubhttp://github.com/geoadmin