LayerManager
Controls & OverlaysToggle overlay layers for GIS data like school districts, parks, and trails
layersoverlaygistoggleschoolsparkstrails
Demo
Layer Manager Demo. Interactive map centered at 39.74 degrees N, 104.99 degrees W at zoom level 10. Use keyboard to navigate.
Loading Colorado school districts data...
Position
Options
Recent Changes
Toggle a layer to see changes
Data Sources
School Districts: Real data from Colorado Department of Public Health & Environment (0 districts)
USFS Recreation: Real data from USDA Forest Service filtered to Colorado (0 sites)
Parks & Trails: Sample data for Denver metro area
Available Categories
square-dashed Boundaries
trees Recreation
bus Transportation
droplets Environmental
layers Other
LayerManager Features:
- Toggle overlay layers on/off with visibility controls
- Adjust layer opacity with sliders
- Search layers by name, description, or tags
- Filter by category (Boundaries, Recreation, Transportation, Environmental)
- Built-in layer presets for common GIS data types
- Theme-aware styling (light/dark mode)
- Drag-to-reorder layers (when enabled)
- Keyboard accessible controls
- Supports remote GeoJSON APIs (like the CO school districts)
Usage
import { LayerManager } from '@classic-homes/maps-svelte';
// or for React:
import { LayerManager } from '@classic-homes/maps-react';