maps - Build Interactive Map Tools with MapLibre
Provides guidance for setting up MapLibre maps and implementing common UI patterns for interactive mapping
Tags
Updated: 2026-02-12Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Load MapLibre library
- Set up map container
- Add navigation controls
- Add geolocation button
- Show user location
- Display error messages
- Update status text
Inputs
- MapLibre CSS and JavaScript
- Map container element
- OpenFreeMap Liberty style URL
- Geolocation API
Outputs
- Interactive map display
- Map controls
- Location markers
- Status messages
- Error notifications
Requirements
- Web browser environment
- MapLibre library loaded
- Geolocation API access
- CSS styles