GeoExt 3

OpenLayers 3 und ExtJS 6 im Zusammenspiel

Christian Mayer

INTERGEO 2015 (OSGeo-Park), Stuttgart, 16.09.2015

Agenda

• Einführung & Vorstellung
• Die Geschichte von GeoExt
• Was genau ist GeoExt 3?
  • Ziele
  • Status / aktueller Stand
  • Beispiele & Features
• Ausblick

Einführung & Vorstellung

GeoExt

• JavaScript Framework für anspruchsvolle WebGIS-Anwendungen
• Basiert auf OpenLayers and ExtJS
• Erweitert ExtJS um räumliche Komponenten
• Integriert Geo-Formate in die Datenhaltung von ExtJS
• ==> "Rich Webmapping Applications"
• © OSGeo, OpenSource
• Erster Commit 25.03.2009

GeoExt…

Die Geschichte von GeoExt

GeoExt 1.x

• Basiert auf ExtJS 3.x & OpenLayers 2.x
• geoext.org

@bitovi on twitter

GeoExt 2.0.x

• Basiert auf ExtJS 4.x & OpenLayers 2.x
• geoext.github.io/geoext2

GeoExt 2.0.x

• Größte Veränderungen / Verbesserungen
• Einführung einer neuen Erzeugungssyntax
• MVC-Support
• Einfacheres Styling der Anwendungen
• Verbesserte API-Dokumentation
• Kompatibilität zu den Build-Tools von (Dependency- Management, …)

GeoExt 2.1.x (beta)

• Basiert auf ExtJS 4.2.x / ExtJS 5.1.x OpenLayers 2.x
• geoext.github.io/geoext2

GeoExt 2.1.x

• Größte Veränderungen / Verbesserungen
• Unterstützung von 2 Major-Versionen von ExtJS
• MVVM-Support
• Two-Way-Binding
• Verbesserte Unterstützung von Mobil- und Touch-Geräten
• Responsive Design

In der Zwischenzeit…

…erblickten das Licht der Welt

Sponsoren

• Bistum Eichstätt
• Boundless
• Bundesamt für Strahlenschutz
• Compass Informatics Ltd
• ISB AG
• Landesamt für Geoinformation und Landentwicklung Baden Württemberg
• Landplan AG
• meggsimum
• terrestris GmbH & Co. KG

Was genau ist GeoExt3?

Ziele

• Schaffen einer neuen Codebasis ("from Scratch")
• Provitieren durch Sencha Tooling (Build / Paketierung)
• Unabhängigkeit vom Zielgerät (Desktop / Mobile)
• Mehr und modernisierte Beispiele, verbesserte Tests und Dokumentation

Status / aktueller Stand

• github.com/geoext/geoext3 ✔
• > 300 Commits✔
• 7 Beitragende✔
• Build and Paketierung ✔
• 82% Test-Abdeckung ✔
• Gute API-docs ✔
• Einige Beispiele ✔
• BSD ==> GPLv3✔
• Universal App Beispiel ✗
• 0 Releases ✗

Beispiele & Features

Basic MapComponent Beispiel

var olMap = new ol.Map({
    layers: [
        // …
    ],
    view: new ol.View({
        // …
    })
});

var mapComponent = Ext.create('GeoExt.component.Map', {
    map: olMap
});

OverviewComponent Beispiel

Themenbaum mit Legenden

Druck-Beispiel (mit MapFish v3)

Ergebnis-PDF des Druck-Beispiels

GeoExt Popups

FeatureRenderer

FeatureStore in ExtJS Grids

MapView-Formular (Two-Way-Binding)

Ausblick

Ausblick / zukünftig

• Veröffentlichung von Beta- / Preview-Versionen
• Roadmap für die weitere Entwicklung
• Mehr Leute begeistern
• Universal Application
• Mögliche Untergliederung: GeoExt-base, -modern, -classic
• Kontinuierliche Weiterentwicklung
• … anschließend Veröffentlichung als 3.0.0

Danke!

Fragen & Anmerkungen?

Impressum

Impressum

Autor

Credits