cesium : virtueller 3d globus im web
TRANSCRIPT
![Page 1: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/1.jpg)
Cesium
Virtueller 3D Globus im Web
Elisabeth Leu, Camptocamp SAEmmanuel Belo, Camptocamp SA
![Page 2: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/2.jpg)
2/38www.camptocamp.com / FOSSGIS 13.3.2015
Übersicht
■ Camptocamp
■ Was ist Cesium?
■ Datenquellen
■ Features
■ OL3 – Cesium
■ Ausblick
![Page 3: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/3.jpg)
3/38www.camptocamp.com / FOSSGIS 13.3.2015
Wien
Chambéry
Lausanne
Open Source Lösungen als Editor und Integrator seit 2001
50 Mitarbeiter Camptocamp bringt Sie mit den
neuesten Open Source Technologien vorwärts
![Page 4: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/4.jpg)
4/38www.camptocamp.com / FOSSGIS 13.3.2015
Camptocamp: 3 Bereiche
![Page 5: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/5.jpg)
5/38www.camptocamp.com / FOSSGIS 13.3.2015
![Page 6: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/6.jpg)
6/38www.camptocamp.com / FOSSGIS 13.3.2015
Cesium
■ Open-Source JavaScript Programmbibliothek für einen performanten 3D Globus im Web
Application
Cesium
WebGL
Video Card
![Page 7: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/7.jpg)
7/38www.camptocamp.com / FOSSGIS 13.3.2015
Cesium
■ Open-Source JavaScript Programmbibliothek für einen performanten 3D Globus im Web
Application
Cesium
WebGL
Video Card
JavaScript+
WebGL→ Kein Plugin
![Page 8: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/8.jpg)
8/38www.camptocamp.com / FOSSGIS 13.3.2015
WebGL
http://www.khronos.org/assets/uploads/developers/library/2011-siggraph-mobile/Khronos-and-the-Mobile-Ecosystem_Aug-11.pdf
![Page 9: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/9.jpg)
9/38www.camptocamp.com / FOSSGIS 13.3.2015
WebGL Unterstützung
http://caniuse.com/webgl
![Page 10: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/10.jpg)
12/38www.camptocamp.com / FOSSGIS 13.3.2015
Mobile?
![Page 11: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/11.jpg)
13/38www.camptocamp.com / FOSSGIS 13.3.2015
Mobile !
![Page 12: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/12.jpg)
14/38www.camptocamp.com / FOSSGIS 13.3.2015
Cesium
■ Open-Source JavaScript Programmbibliothek für schnelle 3D Karten
■ Braucht JavaScript + WebGL → kein Plugin
■ Entwickelt grösstenteils durch AGI, mit einer breiten User-/Entwicklungscommunity
■ Apache 2.0 Lizenz
→ frei nutzbar und erweiterbar (liberale / permissive Lizenz)
![Page 13: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/13.jpg)
15/38www.camptocamp.com / FOSSGIS 13.3.2015
Datenquellen
Scene description
CZML
Terrain data
Cesium .terrain format
Raster data*
WMS, WMTS, TMS, OSM, Bing, ArcGIS,
Images
Models, Buildings
glTF (COLLADA), KML
Vector data*
KML, GeoJSON, TopoJSON
* zusätzliche Formate über OL3
![Page 14: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/14.jpg)
16/38www.camptocamp.com / FOSSGIS 13.3.2015
Features
... anhand von Beispielen
![Page 15: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/15.jpg)
17/38www.camptocamp.com / FOSSGIS 13.3.2015
3D Ellipsoid
![Page 16: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/16.jpg)
18/38www.camptocamp.com / FOSSGIS 13.3.2015
Terrain
![Page 17: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/17.jpg)
19/38www.camptocamp.com / FOSSGIS 13.3.2015
Zeit-dynamische Szenen mit CZML
http://apps.agi.com/SatelliteViewer/?Status=Operational
![Page 18: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/18.jpg)
20/38www.camptocamp.com / FOSSGIS 13.3.2015
Overlays
http://cesiumjs.org/powdertracks/
![Page 19: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/19.jpg)
21/38www.camptocamp.com / FOSSGIS 13.3.2015
Overlays + Media
http://cesiumjs.org/powdertracks/
![Page 20: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/20.jpg)
22/38www.camptocamp.com / FOSSGIS 13.3.2015
Abgesenktes Terrain (Plugin) + Overlay
http://subspace.nicta.com.au/ / https://github.com/NICTA/cesium-groundpush-plugin
![Page 21: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/21.jpg)
23/38www.camptocamp.com / FOSSGIS 13.3.2015
Terrain Visualisierung SchweizMobil
![Page 22: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/22.jpg)
24/38www.camptocamp.com / FOSSGIS 13.3.2015
Modelle
![Page 23: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/23.jpg)
25/38www.camptocamp.com / FOSSGIS 13.3.2015
Modelle
![Page 24: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/24.jpg)
26/38www.camptocamp.com / FOSSGIS 13.3.2015
Modelle
![Page 25: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/25.jpg)
27/38www.camptocamp.com / FOSSGIS 13.3.2015
Modelle
http://subspace.nicta.com.au/#publicDemos
![Page 26: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/26.jpg)
28/38www.camptocamp.com / FOSSGIS 13.3.2015
Interaktion
http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/demos/milktruck/
![Page 27: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/27.jpg)
29/38www.camptocamp.com / FOSSGIS 13.3.2015
Cesium Sandcastle
![Page 28: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/28.jpg)
30/38www.camptocamp.com / FOSSGIS 13.3.2015
OL3 – Cesium Integration Library
![Page 29: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/29.jpg)
31/38www.camptocamp.com / FOSSGIS 13.3.2015
OL3 – Cesium Integration Library
var ol3d = new olcs.OLCesium({map: map});ol3d.setEnabled(true);
![Page 30: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/30.jpg)
32/38www.camptocamp.com / FOSSGIS 13.3.2015
OL3 – Cesium Integration Library
http://openlayers.org/ol3-cesium
![Page 31: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/31.jpg)
33/38www.camptocamp.com / FOSSGIS 13.3.2015
Ausblick
■ Cesium Roadmap 2015
○ KML (erweiterter Support)
○ Polygone, Polylinien, Billboards und Labels auf Terrain
○ Streaming von 3D Gebäuden, Punktwolken und Vektortiles
○ WebGL 2, mehr Tutorials und Demos
■ OpenLayers 3 und Cesium
○ Vector on Terrain Synchronisation○ Voller WebGIS Support (Picking, Editing on Terrain,
Permalink)
![Page 32: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/32.jpg)
34/38www.camptocamp.com / FOSSGIS 13.3.2015
Zusammenfassung
■ Cesium = performanter, Plugin-freier Globus
■ WebGL wird breit unterstützt
■ Zeitabhängige Daten aus verschiedenen Quellen
■ glTF Modelle
■ Sehr aktives Open Source Projekt mit vielen Anwendungen (cf. http://cesiumjs.org/demos.html)
■ 3D WebGIS mittels OL3 und Cesium
![Page 33: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/33.jpg)
35/38www.camptocamp.com / FOSSGIS 13.3.2015
Danke für die Aufmerksamkeit!
![Page 34: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/34.jpg)
36/38www.camptocamp.com / FOSSGIS 13.3.2015
Danke für die Aufmerksamkeit!
■ Cesium: http://cesiumjs.org
■ OL3-Cesium: http://openlayers.org/ol3-cesium
■ CesiumJS ist auf der OSGEO Live
... oder beim Stand
![Page 35: Cesium : Virtueller 3D Globus im Web](https://reader034.vdocuments.site/reader034/viewer/2022042722/58a6b3ad1a28ab661f8b497f/html5/thumbnails/35.jpg)
37/38www.camptocamp.com / FOSSGIS 13.3.2015
Quellen
■ CesiumJS Dev Mailingliste
■ http://cesiumjs.org/presentations/TheRiseOf3DGISOnTheWeb.pdf
■ http://cesiumjs.org/presentations/CesiumGeoScaleDataVisualization.pdf
■ http://cesiumjs.org/features.html
■ http://cesiumjs.org/data-and-assets/
■ http://cesiumjs.org/presentations/Cesium3DMapsOnTheWeb.pdf
■ http://www.itc.nl/library/papers_2014/msc/gfm/chaturvedi.pdf
■ http://www.geospatialworldforum.org/2014/presentation/geo3d/Emmanuel%20Belo%20M.pdf