maps

- Include MapLibre's CSS before your styles and load the script from https://unpkg.com/maplibre-gl@3.6.2/dist/maplibre-gl.js.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "maps" with this command: npx skills add dave1010/tools/dave1010-tools-maps

MapLibre basics

  • Include MapLibre's CSS before your styles and load the script from https://unpkg.com/maplibre-gl@3.6.2/dist/maplibre-gl.js.

  • Keep the map container absolutely positioned to fill the viewport (see #map styles in tools/map-explorer/index.html ).

  • Use the OpenFreeMap Liberty style (https://tiles.openfreemap.org/styles/liberty ) unless a different basemap is required.

  • Add navigation controls with map.addControl(new maplibregl.NavigationControl(), 'top-right'); .

  • Guard against missing globals: if typeof maplibregl === 'undefined' , disable map-dependent UI and show an error.

Geolocation pattern

  • Provide a dedicated button for navigator.geolocation.getCurrentPosition .

  • Disable the button while locating, apply a loading state, and reset it in success/error callbacks.

  • On success, create or update a maplibregl.Marker and map.easeTo the new center.

  • On errors, surface user-friendly messages for permission, availability, and timeout cases.

Overlay & interaction tips

  • Keep status text in small, unobtrusive elements and update it via helper functions.

Accessibility & layout

  • Generally prefer maps that take up the whole viewport, with UI controls and panels overlayed

  • Footer links in an overlay too.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

General

llm-inference

No summary provided by upstream source.

Repository SourceNeeds Review
2-dave1010
General

Chat History

自动归档和分类保存聊天记录，支持关键词触发、快速搜索和命令管理历史会话内容。

Registry SourceRecently Updated
3170Profile unavailable
General

Google Maps

Google Maps integration for OpenClaw with Routes API. Use for: (1) Distance/travel time calculations with traffic prediction, (2) Turn-by-turn directions, (3...

Registry SourceRecently Updated
3.1K4Profile unavailable
General

QVerisAI

Search and execute dynamic tools via QVeris API. Use when needing to find and call external APIs/tools dynamically — covers weather, search, stocks, finance, economics, geolocation, AIGC, news, social media, health data, and thousands more. Requires QVERIS_API_KEY environment variable.

Registry SourceRecently Updated
6880Profile unavailable