OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?
OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10...
Transcript of OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10...
![Page 2: OpenLayers 3 & Cesium Integration · OpenLayers 3 & Cesium Integration Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/2.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/3.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/4.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/5.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/6.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/7.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/8.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/9.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/10.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/11.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/12.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/13.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/14.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/15.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/16.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/17.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/18.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/19.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/20.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/21.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/22.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/23.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/24.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022040110/5e0fd4553eb7065f3648e329/html5/thumbnails/25.jpg)