Developing with geoext

Alberto Romeu -  @alrocar
Jorge Sanz - @xurxosanz


What is GEOEXT?


"a JavaScript toolkit for Rich Web Mapping Applications"

Where in the stack?



Why geoext?

WHY GEOEXT?


1

From web pages to WEB APPLICATIONS

WHY GEOEXT?


2

RICH UI components


WHY GEOEXT?


3

FREE - BSD License

WHY GEOEXT?


4

EASY to create complex web mapping applications


the concept

THE CONCEPT


1

ExtJS + OpenLayers
UI + MAP

THE CONCEPT


2

WRAPS OpenLayers  objects in Ext data components

THE CONCEPT


3

CONFIGURATION over programming

THE CONCEPT


4

Components REUSE


WHEN (who) TO USE?

WHEN TO USE?


1

web GIS applications

WHEN TO USE?


2

RICH UI components (DESKTOP style)

WHEN TO USE?


3

Strong use of OGC services

WHO TO USE?


4

BEGINNERS  confused by HTML/CSS


an example

Creating a map


Learning resources

LEARNING RESOURCES


1

Learn by EXAMPLE

LEARNING RESOURCES


2

Browse the DOCUMENTATION

LEARNING RESOURCES


3

API reference

LEARNING RESOURCES


4

Join the COMMUNITY


geoext lab

Creating a WMS Viewer

GEOEXT LAB


1

The MAP Panel

GEOEXT LAB


2

The LAYER tree
GEOEXT LAB

3

The LEGEND panel

GEOEXT LAB


4

STORES
Layer store
WMSCapabilities store
WFSCapabilities store
Feature store

    GEOEXT LAB


    5

    ... and MORE
    Opacity slider, popup, printing, feature renderers, style reader, toolbars, actions, ...

    Developing with geoext

    By Alberto Romeu

    Developing with geoext

    Open Source Opportunities in GIS Summer School, Open Web Services and Web Map Applications.

    • 3,844