36
Cesium Virtueller 3D Globus im Web Elisabeth Leu, Camptocamp SA Emmanuel Belo, Camptocamp SA

Cesium : Virtueller 3D Globus im Web

Embed Size (px)

Citation preview

Page 1: Cesium : Virtueller 3D Globus im Web

Cesium

Virtueller 3D Globus im Web

Elisabeth Leu, Camptocamp SAEmmanuel Belo, Camptocamp SA

Page 2: Cesium : Virtueller 3D Globus im Web

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

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

4/38www.camptocamp.com / FOSSGIS 13.3.2015

Camptocamp: 3 Bereiche

Page 5: Cesium : Virtueller 3D Globus im Web

5/38www.camptocamp.com / FOSSGIS 13.3.2015

Page 6: Cesium : Virtueller 3D Globus im Web

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

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

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

9/38www.camptocamp.com / FOSSGIS 13.3.2015

WebGL Unterstützung

http://caniuse.com/webgl

Page 10: Cesium : Virtueller 3D Globus im Web

12/38www.camptocamp.com / FOSSGIS 13.3.2015

Mobile?

Page 11: Cesium : Virtueller 3D Globus im Web

13/38www.camptocamp.com / FOSSGIS 13.3.2015

Mobile !

Page 12: Cesium : Virtueller 3D Globus im Web

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

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

16/38www.camptocamp.com / FOSSGIS 13.3.2015

Features

... anhand von Beispielen

Page 15: Cesium : Virtueller 3D Globus im Web

17/38www.camptocamp.com / FOSSGIS 13.3.2015

3D Ellipsoid

Page 16: Cesium : Virtueller 3D Globus im Web

18/38www.camptocamp.com / FOSSGIS 13.3.2015

Terrain

Page 17: Cesium : Virtueller 3D Globus im Web

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

20/38www.camptocamp.com / FOSSGIS 13.3.2015

Overlays

http://cesiumjs.org/powdertracks/

Page 19: Cesium : Virtueller 3D Globus im Web

21/38www.camptocamp.com / FOSSGIS 13.3.2015

Overlays + Media

http://cesiumjs.org/powdertracks/

Page 20: Cesium : Virtueller 3D Globus im Web

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

23/38www.camptocamp.com / FOSSGIS 13.3.2015

Terrain Visualisierung SchweizMobil

Page 22: Cesium : Virtueller 3D Globus im Web

24/38www.camptocamp.com / FOSSGIS 13.3.2015

Modelle

Page 23: Cesium : Virtueller 3D Globus im Web

25/38www.camptocamp.com / FOSSGIS 13.3.2015

Modelle

Page 24: Cesium : Virtueller 3D Globus im Web

26/38www.camptocamp.com / FOSSGIS 13.3.2015

Modelle

Page 25: Cesium : Virtueller 3D Globus im Web

27/38www.camptocamp.com / FOSSGIS 13.3.2015

Modelle

http://subspace.nicta.com.au/#publicDemos

Page 26: Cesium : Virtueller 3D Globus im Web

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

29/38www.camptocamp.com / FOSSGIS 13.3.2015

Cesium Sandcastle

Page 28: Cesium : Virtueller 3D Globus im Web

30/38www.camptocamp.com / FOSSGIS 13.3.2015

OL3 – Cesium Integration Library

Page 29: Cesium : Virtueller 3D Globus im Web

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

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

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

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

35/38www.camptocamp.com / FOSSGIS 13.3.2015

Danke für die Aufmerksamkeit!

Page 34: Cesium : Virtueller 3D Globus im Web

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

[email protected]

... oder beim Stand

Page 35: Cesium : Virtueller 3D Globus im Web

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