openlayers 3 & cesium integration · openlayers 3 & cesium integration emmanuel belo +41 21...

25
OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 [email protected]

Upload: others

Post on 23-Sep-2019

26 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

OpenLayers 3 & Cesium Integration

Emmanuel Belo+41 21 619 10 [email protected]

Page 2: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

2/25

Chambéry

Wien

Lausanne

Camptocamp

■ Open Source Service Provider

■ Staff 49

■ Switzerland, France & Austria

■ Since 2001

Page 3: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

3/25

Camptocamp: 3 divisions

Page 4: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

4/25

2D OpenLayers 3

■ Rich and high performance webmapping library○ Lots of data sources (vector & raster), different projections

○ Draw, measure, edit, etc

■ Support Canvas & WebGL Renderers

■ Mobile first implementation○ Geolocate

○ Map rotation according to heading

○ Touch events

■ 3D Ready : camera

Page 5: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

5/25

Geospatial 3D Web expectations?

■ 3D Scenes○ Aerial imagery and terrain

○ Buildings with textures

○ Label and marker

○ Rich interaction (Navigate, pick, popup, measure, usw.)

○ Global perimeter, higher local resolution

■ Technology○ Web (no plugin), Cross Platform and Cross Device

○ Open Standards and Formats

○ Open Source

■ What's available? => Cesium

Page 6: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

6/25

3D Webmaps

■ 2D – 3D○ 2D for local projection, traditionnal webmap use cases

○ 3D if the user would like to tilt the view

■ Toward○ Feature parity

○ Navigation continuity

Page 7: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

7/25

High quality terrain rendered with Cesium

■ Goal : Test Switzerland's best data at a country-wide level integrated into

○ Cesium terrain server

○ Cesium virtual globe

■ Data:

○ Aerial imagery

○ Terrain

○ Buildings

○ WMS Overlays

○ GeoJSON

Page 8: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

8/25

Swissimage

■ The orthophoto mosaic SWISSIMAGE is a composition of digital color aerial photographs over the whole of Switzerland and is updated every 3 years.

■ Ground resolution: 0.25 m, 0.5 m (depending on the area) and 2.5 m

Page 9: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

9/25

SwissALTI3D

■ SwissALTI3D is an extremely precise digital elevation model which describes the surface of Switzerland without vegetation and development.

■ Quality :

○ 2m grid based on laser points (less than 2000 metres above sea level): ±0.5 m 1σ

○ 25m grid stereo correlation (more than 2000 metres above sea level): 1 - 3 m average error

Page 10: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

10/25

SwissBUILDINGS3d

■ swissBUILDINGS3D 1.0 describes building volume bodies without roof shape across Switzerland and the Principality of Liechtenstein and corresponds to a simple 3D city model.

Page 11: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

11/25

POC

■ Backend○ Setup an AWS Windows machine

○ Install the Cesium Terrain Server

○ Load the DEM into the Terrain Terver

■ Cesium Virtual Globe○ Data sources

- Terrain : Cesium Terrain Server

- Imagery : Cached WMS

- Buildings glTF files

Page 12: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

12/25

Terrain rendering

Page 13: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

13/25

Aerial Imagery

Page 14: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

14/25

GeoJSON Terrain Overlay

Page 15: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

15/25

WMS Terrain Overlay

Page 16: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

16/25

Topographical catchment areas of Swiss waterbodies

Page 17: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

17/25

Topographical catchment areas of Swiss waterbodies

Page 18: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

18/25

Vector data source

Page 19: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

19/25

Buildings

■ => Streaming

Page 20: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

20/25

Open Challenges

■ DTM vs DSM

■ Man made structures○ Bridge,

○ Damm,

○ Buildings

Page 21: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

21/25

Navigation tool

■ Hardened laptop inside defense trucks

■ Local network between the chief and the driver stations

■ Use case○ Chief edits the route to follow and POIs

○ Driver navigates with the map and the virtual globe

■ Technology○ Tiles offline storage

○ OpenLayers 3 + Cesium

Page 22: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

22/25

2D View

Page 23: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

23/25

3D View

Page 24: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com

24/25

Conclusion

■ Cesium Terrain Server is fast and stable.

■ OpenLayers 3 integrates well with Cesium.

■ => Need for a solid, generic and unique community binding library (2D-3D)

■ A binding library is currently in developement to help developpers use the two projects into one webapplication○ See OpenLayers GitHub Account.

Page 25: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com