Obsidian Leaflet Mapping

Overview

The Obsidian Leaflet plugin enables interactive maps using LeafletJS without writing JavaScript. Maps are defined in code blocks with YAML parameters and can display real-world locations (OpenStreetMap), custom images (fantasy maps, floor plans), or both layered together. Core principle: Maps are defined declaratively in markdown code blocks. The plugin handles all JavaScript - you just configure parameters. Plugin: https://github.com/javalent/obsidian-leaflet

Prerequisites

Required:

• Obsidian Leaflet plugin (Community Plugins → Search "Leaflet") Optional (enables advanced features):
• Dataview plugin - REQUIRED for markerTag, filterTag, linksTo, linksFrom features
• Basic understanding of YAML syntax for code blocks
• For real-world maps: coordinates from Google Maps, OpenStreetMap, or GPS devices
• For image maps: image file in vault, known reference measurements for scale

Quick Start: Complete Working Example

Goal: Create a map showing all notes tagged #visited Step 1: Install plugins

1. Settings → Community Plugins → Browse
2. Search "Leaflet" → Install → Enable
3. Search "Dataview" → Install → Enable (REQUIRED for tag-based markers)
4. Restart Obsidian (recommended after installing plugins)