WebGL für Geospatial

AGIT 2013

2/22www.camptocamp.com / 04.07.13

Inhaltsverzeichnis

■ Camptocamp

■ Was ist WebGL

■ Wer benutzt WebGL (Google Maps, Nokia)

■ Was bringt WebGL

■ Was gibt es im Open Source Bereich

3/22www.camptocamp.com / 04.07.13

Chambéry

Wien

Lausanne

Camptocamp

■ Open Source Dienstleistungsunternehmen

- Integration und Entwicklung von Software

■ 43 Mitarbeiter

- Schweiz, Frankreich, Österreich

4/22www.camptocamp.com / 04.07.13

Camptocamp: 3 Abteilungen

5/22www.camptocamp.com / 04.07.13

Web Graphics Library WebGL

■ 3D-Grafik-Programmierschnittstelle für Webbrowser

■ Ermöglicht Hardwarebeschleunigung

■ WebGL bietet eine Javascript API und benutzt HTML 5 Canvas

■ Erfordert kein Plugin !

■ Android Mobile fähig : Firefox, Sony Android Browser, Opera

6/22www.camptocamp.com / 04.07.13

WebGL 2D & 3D Big players - Google

7/22www.camptocamp.com / 04.07.13

WebGL 2D & 3D Big players - Google

8/22www.camptocamp.com / 04.07.13

WebGL 2D & 3D Big players - Google

9/22www.camptocamp.com / 04.07.13

Google Maps : Sunny Day on Switzerland

10/22www.camptocamp.com / 04.07.13

WebGL 2D & 3D Big players - Nokia

11/22www.camptocamp.com / 04.07.13

WebGL 2D

■ Richer interactions (z.B. Rotieren)

■ Improved visual quality (Stützt sich auf Vektordaten)

■ Client-side image processing (Farbe / SW - Saturation)

■ Client-side re-projection

■ Handle millions of vector objects (Live interaction)

■ Client-side rendering of geospatial data (Zeit Animation)

12/22www.camptocamp.com / 04.07.13

OpenLayers 3: client side reprojection

13/22www.camptocamp.com / 04.07.13

OpenLayers 3: millions of vector objects

14/22www.camptocamp.com / 04.07.13

OpenLayers 3: gleitende Übergänge

http://ol3js.org/en/r3.0.0-alpha.1/examples/animation.html

15/22www.camptocamp.com / 04.07.13

WebGL / Geospatial / open source

■ WebGLEarth - http://www.webglearth.com

■ Readymap – http://demo.pelicanmapping.com/rmweb/webgl/tests/

■ OpenWebGlobe – http://swiss3d.openwebglobe.org/

■ Cesium – http://cesium.agi.com/CesiumViewer/

■ WebGL Maps – https://github.com/twpayne/webglmaps#quick-start

■ OpenLayers 3 – http://ol3js.org/en/r3.0.0-alpha.1/examples/

16/22www.camptocamp.com / 04.07.13

OpenLayers 3: 2D/3D Integration

17/22www.camptocamp.com / 04.07.13

WebGLEarth

18/22www.camptocamp.com / 04.07.13

ReadyMap

19/22www.camptocamp.com / 04.07.13

OpenWebGlobe

20/22www.camptocamp.com / 04.07.13

Cesium

21/22www.camptocamp.com / 04.07.13

Zukunft

■ Grosse Communities wie OpenLayers arbeiten an die Anbindung eines WebGL Renderers und 3D Ansichten

■ Ziel ist eine 2D / 3D Konvergenz => bessere User eXperience

- 3D entspricht der Denkweise des « breiten Publikums »

- 2D ist ein Spezialfall von 3D und kann von WebGL profitieren

- Es werden immer mehr 3D Daten erfasst.

- WebGL bietet eine bessere User eXperience durch performante Technologie

-