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.

Active Themes 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.

BaseLayerCombo

Shows use of the BaseLayerCombo to select Base Layers.

Bookmarks

Lightweight web mapping context manager. Add and persist current map context (layers, zoom, extent etc).

CapabilitiesTreePanel

Populate a layer tree from a WMS GetCapabilties result.

Default

The default application using the default layout and options.

DefaultNL

The default application using the default layout and options with Dutch (NL) language, Layers and projection.

Feature Editor Basics

Show basic tools and operations using Geops OLE: https://github.com/geops/ole.

Embedded

Embed a Heron app within any page div element.

Feature Grid Format

Shows how to format cells within feature display grids such as from WMS GeoFeatureInfo or WFS.

Grid with Feature Selection

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

FeatureInfoPanel

Show WMS GetFeatureInfo in Panel embedded under Map when clicking the Map.

FeatureInfoPopup

Show WMS GetFeatureInfo in popup Window when clicking the Map.

FeatureInfoPopupHover

Show WMS GetFeatureInfo in popup Window when hovering over the Map.

FeatureInfoTooltip

Show WMS GetFeatureInfo in popup Window when hovering over the Map.

FixedPanelsLayout

An application with an alternative layout containing a fixed height LayerPanel and LegendPanel.

Floating Window

Demonstrates Heron app within floating Ext JS Window.

Form Search Panel

Embedded FormSearchPanel with backend (exact) WFS search and zoom to result.

Search + Feature Selection

Search using Form-based WFS query, showing selectable and downloadable results on map and table.

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.

Choose from multiple Searches

Select a search from a list of predefined form- or spatial queries or your own queries.

Choose from multiple searches (Dutch/PDOK layers)

Select a search from a list of predefined form- or spatial queries or your own queries.

NoLaunch

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

NoStatusBar

A default application with a MapPanel without a bottom status bar.

OpenBasisKaart

Demonstrates layers from the OpenBasisKaart, OpenStreetMap tiles in Dutch (RD) projection developed by OpenGeoGroep.nl.

PDOK

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

PrintDialog

Printing with popup dialog containing preview and print options.

PrintDirect

Immediate printing of visible map area.

PrintVector

Printing with popup dialog for vector layer and selected features.

Edit and execute WFS Queries

Use the GXP QueryPanel to build and execute WFS spatial and filter-queries.

Edit and execute WFS Queries Dutch WFSs

Use the GXP QueryPanel to build and execute WFS spatial and filter-queries on Dutch WFSs like PDOK/BAG.

Search features by drawing on Map

Search features by drawing geometries on the map.

Search features by features from other layers

Select and download features by selecting features from other layers.

Theming

Use other ExtJS themes, this “Greenery” theme created through http://extbuilder.dynalias.com.

Extend Map Toolbar

Extend the toolbar with your own custom items/menu’s and handlers.