Single-file HTML templates for geospatial apps β full solutions and drop-in components. No build step. MapLibre by default, ArcGIS-ready. Pick a skin, swap the data block, done.
Find the pattern that matches your use case β full solution or single component.
Each template is a single self-contained HTML file. No npm, no bundler, no build.
Every file has a marked data block at the top. Point it at your API or Feature Service.
Host anywhere β GitHub Pages, nginx, a USB stick. It's just a file.
Solutions are full-page apps. Components are single widgets you copy into your own map. Everything runs from one HTML file.
Real-time harbour console: animated vessel positions on simulated AIS, click-to-inspect panel, heading vectors and trails.
Ink-wash district monitor: paper panels, red seal accents, vertical writing strips, choropleth map with legend. A dashboard that doesn't look like every other dashboard.
Job list + map side-by-side: Calcite UI, status filter chips, native popup, unique-value renderer. Point at your Feature Service and go.
UAV fleet console: KPI cards, mission list with progress bars, survey polygons on map, fleet battery/cycles tab.
Real GLB city block rendered via three.js custom layer on MapLibre. Building list, hover tooltips, theme toggle.
Site safety console: hazard zone polygons, live alert feed (PPE / breach / gas), KPI strip, slide-in incident detail.
UtilityNetworkTrace widget on a real UN webmap. Pick trace type, set flags, run β results highlight on the map. This is the ArcGIS-only killer feature.
Conversational tree inventory: ask "show unhealthy trees over 20m in Mong Kok" β local intent parser filters the map. No LLM cost, same UX.
windy.com-style live particles: 2,600 streaks advected through a real Open-Meteo wind grid (no key), speed-coloured trails, click for local readout.
Type an address or click the map β instant buffer rings (500m / 1km), what's-inside summary (POI, schools, transport), walkability score. The "planner's first screen".
Drag & drop any CSV with addresses/lat-lng β auto-geocoded points on map with popup fields. Zero code. For the "I just need to see my data" crowd.
HK district choropleth with swap-able metric (population, median income, age index), auto-classified legend, click-to-compare districts. Census-ready.
Multi-criteria location score (transit, schools, noise, greenery) β user drags sliders, scores update live. HomeCheck-style decision tool pattern.
Live EPD air quality + noise stations on map with trend sparklines. Public data, but nobody's made a nice UI for it.
HKO rainfall radar + flood-prone area overlay with animated storm cells. Visual drama + real utility.
Swipe slider between two time periods β old airport vs new development, pre/post project imagery. Classic storytelling pattern.
Scroll-driven narrative: text chapters fly the camera through the map. For proposals, public consultation, pitch decks.
Generic asset register: lamp posts, signs, manholes β table + map + filter by condition. The "boring but everyone needs it" app.
Heatmap + time slider for footfall β events, malls, transport hubs. Plug in people-counting data.
Buried pipes / tunnels rendered in 3D scene with x-ray ground slice. Hard to do right, big wow factor.
3D building model + timeline slider: watch the project grow floor by floor. BIM-lite for proposals.
LiDAR / photogrammetry point clouds (COPC / LAZ) streamed in browser. Government releases data but nobody visualises it well.
Compose A4/A3 layout with title, legend, scale bar, north arrow β export PDF. Consultants live on this.
Mobile-first: photo capture + GPS + dropdowns β submits a point. The "go out and survey" starter.
Incident map + unit assignment + status board. Multi-agency command view for drills and live ops.
Live GPS breadcrumbs, speed profile, geofence alerts. Logistics / delivery / school bus β the "where are my vehicles" app.
Click any parcel β OZP zoning, lease conditions, permitted use, outline zoning plan. The "what can I build here" tool.
Drop-in <model-viewer> wrapper: auto-rotate, camera controls, HUD frame. GLB in, hologram out.
Thumbstrip of basemaps (dark / light / satellite / topo / ink) in one corner pill. Copy 40 lines, works on any MapLibre map.
Auto-generated from your layer config β swatch + label + visibility checkbox. No more hand-coding legends.
Playback bar for temporal GeoJSON β play/pause/step, speed control. Traffic, typhoon tracks, construction phases.
Distance + area measurement with live readout, click-click-finish. Every map eventually needs this.
Freehand draw + annotate on map, export as GeoJSON. For "mark up the problem area" workflows.
Two-layer swipe control (before/after, plan/existing). Drop-in vanilla JS, works with any two layers.
One input that handles address, lat-lng, plus code, what3words. Flies the map, drops a pin. Nominatim by default, swap for your geocoder.
Live-counting stat cards bound to your data β pulses on update. The "top of every dashboard" pattern.
Auto-built checkbox + range slider filters from your feature properties. Drives a map filter in 3 lines.
Opinionated feature popup: photo, title, 3 key stats, action button. Replaces default popup with something people actually like.
Stylised compass rose + scale bar with HK grid reference readout. The "professional map" finishing touch.
Drop a polygon, watch for points entering/leaving, fire a toast. Fleet / safety use cases.
Click two points β route line + ETA. Or one point β 5/10/15min isochrone. OSRM backend, swap for your router.
Save current camera position + visible layers as named views. Users return to their spots.
Generates a URL with current map state (center, zoom, layers, filters) β anyone opens the same view. Criminally underused.