leaflet-mapping

Create interactive maps in Obsidian using Markdown code blocks.

Updated Dec 17, 2025
One-click install
npx skills add https://github.com/Lrmdom/patrimonio-pwa --skill leaflet-mapping
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: leaflet-mapping
Source: https://github.com/Lrmdom/patrimonio-pwa/tree/main/.agents/skills/leaflet-mapping
Command: npx skills add https://github.com/Lrmdom/patrimonio-pwa --skill leaflet-mapping

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It enables creating interactive maps inside Obsidian without writing JavaScript, letting you visualize real-world locations, image maps, and layered map data directly in your notes.

Core Features & Use Cases

  • Declarative map blocks: Define interactive maps in Markdown code blocks and render them automatically, avoiding manual JavaScript coding.
  • Real-world and image maps: Display OpenStreetMap locations or custom images (floor plans, fantasy maps) with adjustable bounds, zoom, and overlays.
  • Markers and data sources: Place markers from note frontmatter, tags, links, or folders, and visualize GeoJSON/GPX data for routes and shapes.
  • Multi-layer maps and overlays: Support layered images and overlays with per-layer control and styling.
  • Practical scenarios: RPG campaigns with world maps, travel journals with route tracking, and research datasets visualized geographically.

Quick Start

Install the Obsidian Leaflet plugin, then add a code block using the leaflet syntax to render the map in your note.

Frequently Asked Questions about leaflet-mapping

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create interactive maps in Obsidian without writing JavaScript?

You can create interactive maps in Obsidian by defining declarative code blocks using Leaflet syntax, which automatically renders OpenStreetMap locations or custom images without manual JavaScript coding.

Can I display GPX and GeoJSON route data inside Obsidian notes?

Yes, you can display GPX and GeoJSON data inside Obsidian notes to visualize routes and shapes, using the Leaflet code block syntax to render geographic data directly within your vault.

How do I add markers to an Obsidian map from note frontmatter or tags?

You can add markers to an Obsidian map by sourcing location data directly from note frontmatter, tags, links, or folders, allowing automatic placement of map points based on your vault metadata.

Does Obsidian support custom image maps like floor plans or fantasy world maps?

Yes, Obsidian supports custom image maps like floor plans or fantasy maps by using Leaflet overlays, allowing you to configure adjustable bounds, zoom levels, and multi-layer control for non-geographic visuals.

What is the best way to visualize location-based research data in Obsidian?

The best way to visualize location-based research data in Obsidian is by using frontmatter-driven configuration and Leaflet code blocks to plot geographic datasets visually across your notes.

Do I need to write JavaScript to use Leaflet overlays in Obsidian?

No, you do not need to write JavaScript to use Leaflet overlays in Obsidian, because the plugin applies frontmatter-driven configuration and declarative Markdown code blocks to render layered map data automatically.