Geospatial web development with GeoEXT

Preview:

DESCRIPTION

Slides from the 4th UdG SIGTE Summer School

Citation preview

Developing withgeoext

Alberto Romeu - @alrocarJorge Sanz - @xurxosanz

What is GEOEXT?"a JavaScript toolkit for Rich Web Mapping

Applications"

Where in the stack?

Why geoext?

WHY GEOEXT?

1From web pages to WEB APPLICATIONS

WHY GEOEXT?

2RICH UI components

WHY GEOEXT?

3FREE - BSD License

WHY GEOEXT?

4EASY to create complex web mapping applications

the concept

THE CONCEPT

1ExtJS + OpenLayers

UI + MAP

THE CONCEPT

2WRAPS OpenLayers objects in Ext data components

THE CONCEPT

3CONFIGURATION over programming

THE CONCEPT

4Components REUSE

WHEN (who) TOUSE?

WHEN TO USE?

1web GIS applications

WHEN TO USE?

2RICH UI components ( DESKTOP style)

WHEN TO USE?

3Strong use of OGC services

WHO TO USE?

4BEGINNERS confused by HTML/CSS

an exampleCreating a map

Learning resources

LEARNING RESOURCES

1Learn by EXAMPLE

GeoExt examples

ExtJS examples

OpenLayers examples

LEARNING RESOURCES

2Browse the DOCUMENTATION

GeoExt documentation

LEARNING RESOURCES

3API reference

GeoExt API reference

ExtJS 3.4 API reference

OpenLayers API reference

LEARNING RESOURCES

4Join the COMMUNITY

GeoExt users list

GeoExt developers list

geoext labCreating a WMS Viewer

GEOEXT LAB

1The MAP Panel

GEOEXT LAB

2The LAYER tree

GEOEXT LAB

3The LEGEND panel

GEOEXT LAB

4STORES

Layer store WMSCapabilities storeWFSCapabilities store

Feature store

GEOEXT LAB

5... and MORE

Opacity slider, popup, printing, feature renderers, stylereader, toolbars, actions, ...

Recommended