leaflet-mapping

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.