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

  • GeoExt 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, ...

      Made with Slides.com