Heron

Table Of Contents

Previous topic

Heron Primer

Next topic

Heron Community Involvement

Examples

Active Layers Panel

Select layers into a stack of active layers and change opacity/stacking.

Full App Demo

Full, self-contained, application demo showing basics of Hero configuration and styling/language options.

Default

Shows use of the BaseLayerCombo to select Base Layers.

CapabilitiesTreePanel

Populate a layer tree from a WMS GetCapabilties result.

WFSViewer

View complex feature data from a WFS (WORK IN PROGRESS !!).

Default

The default application using the default layout and options.

Embedded

Embed a Heron app within any page div element.

Grid with Feature Selection

Grid panel with mutually selectable features on both map and in grid.

Search + Feature Selection

Search window with WFS search and show results on map and in grid (use binoculars button from toolbar).

Floating Window

Demonstrates Heron app within floating Ext JS Window.

GeoPortal

Use the MenuHandler to specify a complete portal website with content pages.

Google Maps

Use Google Maps within a Heron app.

INSPIRE

Visualize INSPIRE layers with a custom LayerTree for INSPIRE data themes.

LayerTree

Build a custom layer tree for base layers and thematic overlays.

Minimal

The “Hello World” app, the most minimal config to define a Heron app.

NoLaunch

Take control over Heron initialization using the NoLaunch.js import.

PDOK

Demonstrates layers from the Dutch National SDI: PDOK (Publieke Dienstverlening Op de Kaart).

Search Panel

Create a custom search panel with backend (exact) WFS search and zoom to result.

Shortcuts

Demonstrates the use of Shortcuts, a lightweight web mapping context.

Extend Map Toolbar

Extend the toolbar with your own custom item and handler.