Maps
Browse and explore 20 MapLibre GL components with theme integration and Deck.gl support
Showing 20 of 20 components
Map
Core ComponentsInteractive map component with built-in controls and theming
FillLayer
Layer ComponentsRender filled polygons with customizable colors and opacity
LineLayer
Layer ComponentsRender lines and paths with customizable width and dash patterns
CircleLayer
Layer ComponentsRender point features as circles with customizable radius and colors
SymbolLayer
Layer ComponentsRender icons and text labels at point locations (GPU-based, recommended for markers)
FillExtrusionLayer
Layer ComponentsRender 3D extruded polygons for building visualization
HeatmapLayer
Layer ComponentsVisualize point density as a heat gradient
Polygon Lots
Advanced FeaturesReal estate lot visualization with 2000 polygons, hover states, and 3D extrusions
DeckOverlay
Advanced FeaturesIntegrate Deck.gl layers for advanced WebGL visualizations
Clustering
Controls & OverlaysCluster large datasets for better performance and visualization
Legend
Controls & OverlaysDisplay categorical or gradient legends on the map
LegendGroup
Controls & OverlaysAccordion-style container for multiple legends with one expanded at a time
CoordinateDisplay
Controls & OverlaysShow cursor coordinates and zoom level on the map
LayerManager
Controls & OverlaysToggle overlay layers for GIS data like school districts, parks, and trails
BasemapSwitcher
Controls & OverlaysSwitch between different map basemaps with a thumbnail grid flyout
CustomControl
Controls & OverlaysPosition arbitrary custom content on the map with collision avoidance
Marker
Core ComponentsAdd interactive markers to the map (DOM-based)
Dynamic Markers
Core ComponentsTest dynamic marker loading after map initialization
Popup
Core ComponentsDisplay popups with custom content at map locations
User Location
Core ComponentsDisplay the user's current location on the map with accuracy radius
Features
Theme Integration
Maps use design tokens for consistent styling across light and dark modes
Accessibility
ARIA labels, keyboard navigation, and screen reader support built-in
Deck.gl Support
Optional Deck.gl integration for advanced WebGL-powered visualizations
Quick Start
Core Components
Essential map components for basic mapping needs
Layer Components
Specialized layers for different data visualization types
Documentation
Detailed docs with API reference and examples