LogoClawIndex
CasesSkillsAbout
LogoClawIndex

maps - Build Interactive Map Tools with MapLibre

Setup MapLibre, configure tiles, and implement common UI patterns for interactive maps

Tags

Updated: 2026-02-12
mapsinteractive toolsMapLibregeolocationweb development

Capabilities

load MapLibre CSS and JSconfigure map container stylesuse OpenFreeMap Liberty styleadd navigation controls

Typical Inputs

MapLibre CSS and JSOpenFreeMap Liberty style URLmap container element

Typical Outputs

interactive map displaymap markersstatus messages

What this skill does

  • load MapLibre CSS and JS
  • configure map container styles
  • use OpenFreeMap Liberty style
  • add navigation controls
  • check for missing globals
  • provide geolocation button
  • manage geolocation states
  • create or update markers
  • ease to new center
  • show user-friendly errors
  • update status text
  • manage layout and accessibility

Inputs

  • MapLibre CSS and JS
  • OpenFreeMap Liberty style URL
  • map container element
  • geolocation API
  • UI controls

Outputs

  • interactive map display
  • map markers
  • status messages
  • UI controls overlay

Requirements

  • web browser environment
  • MapLibre library availability
  • geolocation API support
  • CSS and JS loading capability

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.