Skip to content

Examples

Live demo apps built with Conness GIS. Each one is a deployment of the framework with a different configuration — open one, then read its settings.ts / layers.ts to see how it's put together.

Demos are being published

The hosted example links are added here as they go live (deployed to Netlify). Until then, the in-repo demo is the canonical example — run it with npm run dev (see Quick Start).

The in-repo demo

The cloned project is a worked example. It exercises nearly every feature:

  • Layers of every supported type — external + local GeoJSON, PMTiles (local and cloud), FlatGeobuf, GeoParquet, and three ArcGIS REST services. See app/layers.ts.
  • Graduated + categorized symbology — airports sized/colored by passenger volume, power plants colored by energy source. See app/symbology.ts.
  • Three popup templates — default, rich, and featureHighlights. See app/popups.tsx.
  • Widgets across all three surfaces — layer list / legend / basemap in the left rail, bookmarks / measure / draw in the top bar, search / coordinates floating over the map.
  • A globe projection with a starry backdrop, a themed top bar with a drop shadow, a right-click context menu, and a boot-time loading overlay.

Planned hosted demos

Three deployments are planned to showcase different angles:

  1. Full kitchen-sink — the in-repo demo as-is, every feature on.
  2. Minimal starter — a stripped config (a couple of layers, a few widgets) showing how lean an app can be.
  3. Cloud-native data — large datasets served as PMTiles / FlatGeobuf / GeoParquet, to demonstrate the streaming formats.

Check back here for links, or run the demo locally in the meantime.