OL3-Cesium: 3D for OpenLayers

Guillaume Beraudo

FOSS4G Bonn, August 26th 2016

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

About me

I Senior software engineer at Camptocamp

I OL3-Cesium main developer and release manager

I OpenLayers 3 and Cesium contributor

I On github: @gberaudo

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

Agenda

I OpenLayers 3

I Cesium

I OL3-Cesium

I Now is prime time - showcases

I Future

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

OpenLayers 3 - The world is flat!

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

OpenLayers 3 - The world is flat!

I Support any projection

I Top down view with support for rotation

I Same resolution for all pixels

I Flexible, optimized, pixel perfect

I flat?

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

Cesium - The world is a realistic 3D scene

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

Cesium - The world is a realistic 3D scene

I Only Mercator and Lonlat (EPSG:3857 and EPSG:4326)

I WGS84 ellipsoid

I New Z dimension

I Terrain, models, shadows

I WebGL, custom optimized renderer

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

Cesium - Challenges

I 2D vector on terrain (terrain LOD is dynamic!)

I 2D raster on steep terrain

I Bandwidth: buildings, bridges, trees... can be heavy (3D-tiles)

I Eat all available CPU/GPU resources

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

OL3-Cesium - The best of all worlds

I Write once, use in 2D and 3D

I Receive and share with the community

I Easiest way to add 3D to an OpenLayers 3 map

I Start interacting in one world and continue in the other

I It literally brings a new dimension to your maps

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

OL3-Cesium - Ready for prime time

SchweizMobil - outdoor application

I Custom 3D terrain - different projections

I 3D vector clustering with 30’000 points

I Optimized for lots of users

I CPU/GPU resource saving by stopping the render loop

I Workaround for lines on terrain

I [demo]OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

OL3-Cesium - Ready for prime time

Geoadmin - Swiss geoportal

I Lazy loading

I 3D tiles: buildings, bridges

I Own synchronizers (raster → vector, different projections)

I Immersive views

I [demo]OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

OL3-Cesium - quality / performance

I Vector clustering: top quality, some geojsons instead ofmillions of raster tiles

I Fog: reduce details, improve performance

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

Ideas for the future - need founding

I Lines on terrain workaround (corridor geometries)

I Integrate 3D vector clustering

I Client side raster reprojection

I Official extruded polygons/buildings support

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

Questions?

I Thank you for your attention

I Danke - Questions?

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

OL3-Cesium - Immersive views

View from a mountain trail

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

OL3-Cesium - Immersive views

View through a window

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

Future: 3D imagery

I We need more precision where the terrain is steeper

I We need multi-view capture of imagery (not just top-down)

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016

Links and Credits

I OL3-Cesium

I OL3 cluster Tool

I Geoadmin Swiss geoportal / github

I SchweizMobil

I Cesium-terrain-builder heightmap terrain

I 3d-forge quantized terrain

I OpenStreetMap

OL3-Cesium - https://bit.ly/2bl7quz Guillaume Beraudo, FOSS4G Bonn 2016