Towards GeoExt 3

Supporting both OpenLayers 3 and ExtJS 6

Marc Jansen & Christian Mayer

FOSS4G 2015, Seoul, South Korea, 2015-09-18

Outline

• Intro & Meta
• A (short) history of GeoExt
• So what is GeoExt 3?
  • Objectives
  • State
  • Examples & features
• Outlook

Intro & Meta

GeoExt

• JavaScript framework for sophisticated WebGIS
• Based on OpenLayers and ExtJS
• Extends ExtJS with spatial components
• Embedding of spatial formats in ExtJS data-components
• Rich webmapping interfaces
• © OSGeo, OpenSource
• First commit on Mar 25, 2009

GeoExt…

A (short) history of GeoExt

GeoExt 1.x

• Based on ExtJS 3.x & OpenLayers 2.x
• geoext.org

@bitovi on twitter

GeoExt 2.0.x

• Based on ExtJS 4.x & OpenLayers 2.x
• geoext.github.io/geoext2

GeoExt 2.0.x

• Major improvements
• Support for new creation syntax
• MVC support
• Advanced app theming
• Improved API-Docs
• Compatibility to Sencha's build tools (dependency resolving, …)

GeoExt 2.1.x (beta)

• Based on ExtJS 4.2.x / ExtJS 5.1.x OpenLayers 2.x
• geoext.github.io/geoext2

GeoExt 2.1.x

• Major improvements
• Support for two major ExtJS versions
• MVVM support
• Two-way-binding
• Improved mobile / touch support
• Responsive design

In the meantime…

…were born

Sponsors

• 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

So what is GeoExt 3?

Objectives

• Start from scratch
• Benefit from sencha tooling (build / packaging)
• Benefit OpenLayers feature galore
• Unbiased about medium (desktop / mobile)
• Enable access of library objects (e.g. ol3)
• More examples, improved tests and documentation

State

• github.com/geoext/geoext3 ✔
• > 300 commits✔
• 7 contributors✔
• Build and packaging ✔
• 82% test-coverage ✔
• Nice API-docs ✔
• Some examples ✔
• BSD to GPLv3✔
• Universal app example ✗
• 0 releases ✗

State

• Homepage
• latest API Docs
• latest API Docs with ExtJS
• latest Examples (linked on Homepage)
• latest Sencha Package

# Once on the commandline
sencha package repo add \
    GeoExt http://geoext.github.io/geoext3/cmd/pkgs
				

// in app.json
"requires": [
    "GeoExt"
],
				

Examples & features

Basic MapComponent example

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

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

OverviewComponent example

LayerTree with legends example

Printing example (with MapFish v3)

Resulting PDF of printing example

GeoExt popups and pointerrest

FeatureRenderer

FeatureStore in ExtJS Grid

MapView-form

Outlook

Outlook / future

• Release betas / previews
• Develop roadmap
• Attract more people
• Universal application
• Possible restructuring: GeoExt-base, -modern, -classic
• Continuous deployment: first steps done
• … then release it as 3.0.0

Thanks!

Questions & Remarks?

Imprint

Imprint

Authors

License