### Marker Configuration Examples

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Demonstrates various ways to configure map markers using frontmatter fields like `markerFile`, `markerFolder`, and `markerTag`. These examples show how to load specific notes, search within folders, and filter by tags.

```yaml
markerFile: [[MarkerFile]]
```

```yaml
markerFile: [[MarkerFile]]
markerFolder: People and Locations
```

```yaml
markerTag: #location, #friends
```

```yaml
markerFolder: People and Locations
markerFolder: Interests/Maps of the World
markerTag: #people, #friends
markerTag: #Paris
```

--------------------------------

### Comprehensive Obsidian Leaflet Map Example

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

A detailed example demonstrating the integration of multiple Obsidian Leaflet features, including multiple image overlays, custom markers, GeoJSON layers, and drawing capabilities. This example serves as a template for complex map configurations in Obsidian.

```markdown
```leaflet
id: campaign-world
image:
  - [[Maps/World.jpg|Overworld]]
  - [[Maps/Underdark.jpg|Underdark]]
bounds:
  - [0, 0]
  - [100, 150]
height: 700px
minZoom: 1
maxZoom: 8
defaultZoom: 3
unit: miles
scale: 25
darkMode: false
draw: true
drawColor: "#ffcc00"
lock: false

marker: castle, 45, 67, [[Locations/Capital]], The Royal Castle
marker: tavern, 32, 89, [[Locations/Tavern]], The Rusty Dragon Inn
marker: danger, 78, 23, [[Encounters/Dragon]], Ancient Red Dragon Lair, 4, 8

markerFolder: Locations/Cities
markerTag: "#poi"
filterTag: "#known"

overlay: [blue, [50, 75], 20 mi, Kingdom Territory]
overlay: ['rgba(255,0,0,0.3)', [78, 23], 10 mi, Danger Zone]

geojson: [[Data/roads.geojson]]
geojsonColor: "#8B4513"
```
```

--------------------------------

### Encounter Code Block Example (YAML)

Source: https://github.com/javalent/obsidian-leaflet/blob/main/publish/documentation-addition.md

Demonstrates how to wrap an encounter code block within a YAML structure. This is useful for defining and organizing encounter data in a structured format.

```yaml
```yaml
```encounter
Wrap your encounter code block examples in a yaml wrapper as well.
```
```
```

--------------------------------

### Long Encounter Code Block Example (YAML)

Source: https://github.com/javalent/obsidian-leaflet/blob/main/publish/documentation-addition.md

Illustrates a longer example of an encounter code block enclosed in YAML, using a block quote format. This allows for more extensive code examples to be presented clearly.

```yaml
>[!code]- Feature Title Long Code Block
>````yaml
>```encounter
>Wrap your encounter code block examples in a yaml wrapper as well.
>```
>````
```

--------------------------------

### Configure GeoJSON and Marker Folders in Leaflet

Source: https://github.com/javalent/obsidian-leaflet/blob/main/publish/Folder-parameters.md

This configuration snippet demonstrates how to use `geojsonFolder` and `markerFolder` within a Leaflet map. It specifies directories for GeoJSON files and Markdown files containing location and map marker tags. Paths can be absolute (starting with '/') or relative (starting with './').

```yaml
```leaflet
zoomFeatures: true 
minZoom: 2 
maxZoom: 18
geojsonFolder: ./Germany~East/
markerFolder: ./Germany~East/City
```
```

--------------------------------

### Load GPX Tracks with Markers and Heatlines

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Displays GPX tracks from specified files with options for start, end, and waypoint markers. It supports visualizing elevation, speed, heart rate, and cadence data as heatlines. This functionality relies on the Leaflet plugin for Obsidian.

```markdown
```leaflet
id: workout-map
gpx: [[Workouts/morning-run.gpx]]
gpx:
  - [[Workouts/bike-ride.gpx]]
  - [[Workouts/hike.gpx]]
gpxColor: "#ff5500"
gpxMarkers:
  start: green-marker
  end: red-marker
  waypoint: flag-marker
zoomFeatures: true
```
```

--------------------------------

### Configure GPX Markers in Leaflet Map

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Enables the display of markers for GPX file start points, end points, and waypoints. Requires defining marker types in the map settings. This parameter works in conjunction with the `gpx` parameter.

```leaflet
gpx: [[GPX_File.gpx]]
gpxMarkers:
  start: start_marker_type
  waypoint: waypoint_marker_type
```

--------------------------------

### Specify Marker Source Tags (YAML)

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Generates markers from notes that contain specific tags. Requires the Dataview plugin. Tags must be quoted if they start with '#'. Multiple tags can be specified per parameter, requiring all to be present, or using separate parameters for 'any' tag.

```yaml
markerTag:
  - tag1
  - ["tag2", "tag3"]
  - "#tag4"
```

--------------------------------

### Adding Tile Overlays to Maps

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Demonstrates how to add tile servers as overlays that appear on top of the base map. Overlays can be set to be enabled by default by appending '|on'.

```yaml
```yaml
tileServer: https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png|Dark|on
```
```

--------------------------------

### Configuring Tile Servers for Real World Maps

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Illustrates how to add custom tile servers for real-world maps. Tile servers can be specified individually or as a list, with an optional alias. The 'osmLayer: false' parameter can disable the default OpenStreetMap layer.

```yaml
```yaml
tileServer: https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png|Dark
```
```

```yaml
```yaml
tileServer:
- https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png|Dark
- https://tiles.wmflabs.org/hillshading/{z}/{x}/{y}.png|Hills
```
```

--------------------------------

### Marker Configuration Options

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Details options for adding immutable markers, command markers, and markers from files or folders.

```APIDOC
## Marker Configuration Options

### Description
Options for defining and managing markers on the map, including static markers, command-driven markers, and markers sourced from files or folders.

### Method
N/A (Configuration Options)

### Endpoint
N/A (Configuration Options)

### Parameters
#### Path Parameters
None

#### Query Parameters
None

#### Request Body
None

### Request Example
None

### Response
#### Success Response (200)
None

#### Response Example
None

### Options Table

| Option | Description | Default |
|---|---|---|
| `marker` | Create immutable markers on the map. | |
| `commandMarker` | Create immutable markers that execute commands. | |
| `markerFile` | Create immutable markers from a note's frontmatter. | |
| `markerFolder` | Create immutable markers from _all_ of the notes in the given Paths (relative or absolute to the Vault-Root). Limit Depth by appending one '/' per Folder-Level. | |
```

--------------------------------

### Map Configuration Options

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

This section details the various options available for configuring map layers, initial coordinates, zoom levels, and display dimensions.

```APIDOC
## Map Configuration Options

### Description
Configuration options for setting up map layers, initial view, zoom behavior, and dimensions.

### Method
N/A (Configuration Options)

### Endpoint
N/A (Configuration Options)

### Parameters
#### Path Parameters
None

#### Query Parameters
None

#### Request Body
None

### Request Example
None

### Response
#### Success Response (200)
None

#### Response Example
None

### Options Table

| Option | Description | Default |
|---|---|---|
| `id` | Unique identifier for the map. **Required.** | |
| `image` | Direct URL/file path to an image file to be used as the map layer. | OpenStreetMap map |
| `tileServer` | Add additional tile servers as different layers. | |
| `tileSubdomains` | Add available subdomains for additional tile servers for concurrent requests. Split by ',', e.g., 'a,b,c'. | a,b,c |
| `tileOverlay` | Add additional tile servers as an overlay over the base map. | |
| `osmLayer` | Turn off the OpenStreetMap layer (only usable if additional Tile Servers have been provided). | |
| `lat` | Default latitude to display when rendering. | 50% (image) / 39.983334 (open street map) |
| `long` | Default longitude to display when rendering. | 50% (image) / -82.983330 (open street map) |
| `height` | Height of the map element. Can be provided in pixels or percentage of note height. | 500px |
| `width` | Width of the map element. Can be provided in pixels or percentage of note width. | 100% |
| `minZoom` | Minimum allowable zoom level of the map. | 1 |
| `maxZoom` | Maximum allowable zoom level of the map. | 10 |
| `defaultZoom` | Map will load zoomed to this level. | 5 |
| `zoomDelta` | Zoom level will change by this amount when zooming. | 1 |
| `zoomFeatures` | The map will automatically fit all [GeoJSON](#geojson) and [GPX](#gpx) features. | |
| `unit` | Unit to display distances in. | meters |
| `scale` | Scale factor for image map distance calculation. | 1 |

**Note:** Wikilinks (`[[Link]]`) or standard markdown links (`[Link](./path/to/file)`) can be provided for link-based options.
```

--------------------------------

### Setting Initial Map Coordinates

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Shows how to define the initial latitude and longitude for the map. Coordinates can be provided directly as an array or by linking to a note with a 'location' frontmatter tag.

```yaml
```yaml
coordinates: [36, -89]
coordinates: [[Note with Location Frontmatter]]
```
```

--------------------------------

### YAML Syntax for Leaflet Maps

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Demonstrates the YAML syntax for defining map elements like images and markers. This syntax is an alternative to using multiple tags and cannot be combined with the original tag syntax.

```yaml
```yaml
image:
    - [[Image 1]]
    - [[Image 2]]
    - [[Image 3]]
marker:
    - [<type>, <lat>, <long>, <link>]
    - [<type>, <lat>, <long>, <link>]
```
```

--------------------------------

### Generate Markers from Note Frontmatter with Leaflet

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Automatically creates map markers from notes based on frontmatter parameters like `markerFile`, `markerFolder`, or `markerTag`. Requires notes to have a `location` frontmatter with coordinates.

```markdown
---
# Note frontmatter (e.g., in "Places/Paris.md")
location: [48.8566, 2.3522]
mapmarker: city
mapzoom: [5, 15]
---

# In your map note:
```leaflet
id: travel-map
markerFile: [[Places/Paris]]
markerFolder: Places/Europe
markerTag: "#location"
filterTag: "#visited"
defaultZoom: 4
```
```

--------------------------------

### Define Map Overlays with Frontmatter (YAML)

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Enables the creation of various map overlays, such as circles, defined in the note's frontmatter. Each overlay specifies color, coordinates, radius with optional units, and an optional description.

```yaml
---
mapoverlay:
  - ["color", [latitude, longitude], "radius unit", "optional description"]
  - ["color", [latitude, longitude], "radius unit", "optional description"]
---
```

--------------------------------

### Create Basic Real-World Map with Leaflet

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Defines a basic interactive map using real-world tile servers. Requires a unique ID and allows configuration of location, zoom levels, and dimensions. Supports various units for measurements.

```markdown
```leaflet
id: my-first-map
lat: 40.7128
long: -74.0060
minZoom: 1
maxZoom: 18
defaultZoom: 12
height: 500px
width: 100%
unit: meters
darkMode: false
```
```

--------------------------------

### Specify Marker Source Folder (YAML)

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Includes all notes within a specified folder as potential sources for marker generation. By default, it includes subfolders, but the depth can be controlled by appending slashes.

```yaml
markerFolder: Direct/Path/To/Folder

# Limit to one subfolder level:
markerFolder: Direct/Path/To/Folder/
```

--------------------------------

### Define Multiple Markers with Frontmatter (YAML)

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Allows for the definition of an arbitrary number of markers directly within a note's frontmatter. Each marker can include its type, coordinates, an optional description, and zoom level constraints.

```yaml
---
mapmarkers:
  - ["type", [latitude, longitude], "optional description", optional minZoom, optional maxZoom]
  - ["type", [latitude, longitude], "optional description", optional minZoom, optional maxZoom]
---
```

--------------------------------

### Create Image-Based Map with Leaflet

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Allows the use of custom images as map layers, such as fantasy maps or floor plans. Images can be linked via URL, Obsidian URL, or wikilink. Configuration includes image source, dimensions, zoom, and bounds.

```markdown
```leaflet
id: fantasy-world-map
image: [[Maps/WorldMap.jpg]]
height: 600px
bounds:
    - [0, 0]
    - [100, 100]
minZoom: 1
maxZoom: 10
defaultZoom: 3
unit: miles
scale: 50
```
```

--------------------------------

### Add Custom Tile Servers with Aliases

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Enables the addition of custom tile servers as map layers or overlays. Users can define aliases for tile servers using a pipe `|` separator, and `|on` can be used to set a tile server as the default. This feature enhances map visualization with various map styles.

```markdown
```leaflet
id: custom-tiles-map
lat: 35.6762
long: 139.6503
defaultZoom: 12
osmLayer: false
tileServer: https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png|Dark Mode
tileServer:
  - https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png|Light
  - https://tiles.wmflabs.org/hillshading/{z}/{x}/{y}.png|Hillshading
tileOverlay: https://tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png|Railways|on
tileSubdomains: a,b,c
```
```

--------------------------------

### Configure Tile Subdomains for Leaflet Maps

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Allows specifying multiple subdomains for tile servers to increase concurrent requests. This improves map loading performance by distributing requests across different servers. The subdomains are provided as a comma-separated string.

```leaflet
osmLayer: false
tileServer: https://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}
tileSubdomains: 1,2,3
```

--------------------------------

### Linking Notes with DataView

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Utilizes DataView's link index to find notes linked to or from specified notes. Requires the Dataview plugin. Supports specifying multiple files using YAML array syntax.

```yaml
linksTo: [[File]]
linksFrom:
    - [[File 1]]
    - [[File 2]]
```

--------------------------------

### Configure Map UI Controls and Behaviors

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Provides options to customize the user interface and behavior of the map. This includes enabling/disabling UI elements, locking the map, controlling scroll zoom, enabling fullscreen mode, and managing marker visibility. These settings enhance map interactivity and presentation.

```markdown
```leaflet
id: presentation-map
lat: 48.8566
long: 2.3522
defaultZoom: 12
noUI: false
lock: true
noScrollZoom: true
showAllMarkers: true
preserveAspect: true
recenter: true
```
```

--------------------------------

### Specify Marker Source File (YAML)

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Defines a specific note file from which markers should be generated. This can be done using a WikiLink or a direct file path.

```yaml
markerFile: [[WikiLinkToFile]]

markerFile: Direct/Path/To/Note
```

--------------------------------

### Create Markers from Linked Notes

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Automatically generates markers on the map based on notes linked using `linksTo` and `linksFrom` parameters. This leverages Dataview integration to dynamically display locations referenced in your notes, simplifying the creation of interconnected maps.

```markdown
```leaflet
id: linked-notes-map
linksTo: [[Travel Hub]]
linksFrom:
  - [[Europe Trip 2023]]
  - [[Asia Trip 2022]]
defaultZoom: 3
```
```

--------------------------------

### Create Map with Leaflet Code Block

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Demonstrates how to create an interactable map within Obsidian using a 'leaflet' markdown code block. This block accepts various parameters to configure the map's appearance and behavior, such as ID, image source, dimensions, zoom levels, units, scale, markers, and dark mode.

```markdown
```leaflet
id: leaflet-map
image: [[Image.jpg]]
height: 500px
lat: 50
long: 50
minZoom: 1
maxZoom: 10
defaultZoom: 5
unit: meters
scale: 1
marker: default, 39.983334, -82.983330, [[Note]]
darkMode: true
```
```

--------------------------------

### Advanced Marker and Overlay Frontmatter in Leaflet

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Utilizes note frontmatter arrays `mapmarkers` and `mapoverlay` to define multiple markers and overlays. Allows customization of icon, color, layer visibility, and descriptive information for each element.

```yaml
---
# Note frontmatter with multiple markers
location: [40.7128, -74.0060]
mapmarker:
  icon: building
  color: "#ff0000"
  layer: true

mapmarkers:
  - [restaurant, [40.7580, -73.9855], Times Square dining, 10, 18]
  - [hotel, [40.7484, -73.9857], Empire State area, 8, 16]

mapoverlay:
  - [blue, [40.7128, -74.0060], 5 km, Downtown area]
  - ["#00ff00", [40.7580, -73.9855], 1 mi, Midtown zone]
---
```

--------------------------------

### Enable Drawing Tools on Maps

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Activates a draw controller that permits users to draw shapes, polylines, and text directly onto the map. These drawings are persistent and saved with the map instance. Customization options include draw color and map height.

```markdown
```leaflet
id: annotated-map
image: [[Maps/FloorPlan.jpg]]
draw: true
drawColor: "#ff0000"
height: 600px
lock: false
```
```

--------------------------------

### Create Multi-Layer Image Map with Leaflet

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Enables layering multiple images for a map, providing aliases for easy switching between layers via a control box. Useful for maps with different levels or views.

```markdown
```leaflet
id: dungeon-map
image:
    - [[Maps/Level1.jpg|Ground Floor]]
    - [[Maps/Level2.jpg|Second Floor]]
    - [[Maps/Level3.jpg|Basement]]
height: 500px
bounds:
    - [0, 0]
    - [50, 50]
defaultZoom: 4
```
```

--------------------------------

### Set Map Coordinates and Zoom from Note Frontmatter

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Allows the initial map coordinates and zoom level to be determined from a note's frontmatter. The `location` field specifies coordinates, and a `zoomTag` can reference a distance value (e.g., '50 km') to automatically set the zoom level.

```markdown
---
# Note: "Home Base.md"
location: [40.7128, -74.0060]
nearby: 50 km
---

# Map referencing the note:
```leaflet
id: home-centered-map
coordinates: [[Home Base]]
zoomTag: nearby
```
```

--------------------------------

### Create Layered Image Maps in Leaflet

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Enables layering multiple images on a single map. Images are stacked in the order they appear, with the first image on top. An optional alias can be provided for each image to customize the layer control display. This feature is useful for complex map visualizations.

```markdown
```leaflet
id: Map With Layered Images
image:
    - [[Image1.jpg|Optional Alias]]
    - [[Image2.jpg]]
    - [[Image3.jpg]]
```
```

--------------------------------

### Define Custom Local Marker Types

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Enables the definition of custom marker icons and styles locally by placing a `markers.json` file in the same directory as the note. This JSON file specifies marker types, associated icons, colors, and layer visibility.

```json
[
  {
    "type": "castle",
    "iconName": "chess-rook",
    "color": "#8B4513",
    "layer": true
  },
  {
    "type": "tavern",
    "iconName": "beer-mug-empty",
    "color": "#DAA520",
    "layer": true
  },
  {
    "type": "danger",
    "iconName": "skull",
    "color": "#FF0000",
    "layer": false
  }
]
```

--------------------------------

### Define Marker Type with Frontmatter (YAML)

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Specifies the type of marker to be created from a note. It can be a predefined marker name from settings or a custom definition including icon, color, and layering options.

```yaml
mapmarker: event

# OR

mapmarker:
  icon: user
  color: 00ff00
  layer: false
```

--------------------------------

### Load GeoJSON Data into Leaflet Map

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Loads GeoJSON data into a Leaflet map. Supports single or multiple GeoJSON files, with options for aliasing and linking to Obsidian notes. GeoJSON is drawn in order, and styling can be applied using MapBox SimpleStyle. Tooltips are generated from feature properties.

```leaflet
geojson: [[GeoJSON_File.json]]|optional-alias
```

```leaflet
geojson:
  - [[GeoJSON_File.json]]
  - [[GeoJSON_File_2.json]]|optional-alias|[[optional-note-wikilink]]
```

```leaflet
geojsonColor: "#FF0000"
```

--------------------------------

### Add Markers Directly in Leaflet Code Block

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Defines markers within the Leaflet code block, specifying type, coordinates, associated link, description, and zoom breakpoints. Supports custom command markers for interactive actions.

```markdown
```leaflet
id: city-markers
lat: 51.5074
long: -0.1278
defaultZoom: 13
marker: default, 51.5074, -0.1278, [[London Notes]], Capital city
marker: restaurant, 51.5134, -0.0983, [[Tower Restaurant]], Great views, 10, 18
marker: hotel, 51.5007, -0.1246, [[Westminster Hotel]], Near Parliament
commandMarker: default, 51.5194, -0.1270, Open daily note, Execute command on click
```
```

--------------------------------

### Overlay Images on Maps with Coordinate Bounds

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Allows images to be overlaid on maps within specified geographical coordinate bounds. This is useful for integrating historical maps or custom imagery onto the base map. The format includes the image path, a title, and the bounding coordinates.

```markdown
```leaflet
id: historical-overlay
lat: 40.7128
long: -74.0060
defaultZoom: 14
imageOverlay:
  - [ [[Images/old-map-1900.jpg|1900 City Map]], [40.72, -74.02], [40.70, -73.98] ]
  - [ [[Images/planned-development.png|Future Plans]], [40.715, -74.01], [40.705, -73.99] ]
```
```

--------------------------------

### Add Circle Overlays to Leaflet Map

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Adds circular overlay regions to the map, configurable with color, center coordinates, radius (with unit), and an optional description. Supports multiple overlays with different styling.

```markdown
```leaflet
id: coverage-map
lat: 37.7749
long: -122.4194
defaultZoom: 11
overlayColor: red
overlay: [blue, [37.7749, -122.4194], 5 km, Downtown SF]
overlay:
  - ['rgb(255, 255, 0)', [37.7849, -122.4094], 2 mi, 'Financial District']
  - ['#00FF00', [37.7649, -122.4294], 1000 m, 'Mission District']
```
```

--------------------------------

### Filter Marker Source Tags (YAML)

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Filters notes identified by 'markerFile', 'markerFolder', or 'markerTag' to ensure they contain a specified set of tags. Uses the same syntax as 'markerTag'.

```yaml
filterTag:
  - tag1
  - ["tag2", "tag3"]
```

--------------------------------

### Measure Distances on Image Maps with Scale and Unit

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Facilitates distance measurement on maps, particularly image-based maps, using Shift+click or Alt+click. The `unit` and `scale` parameters define how distances are calculated and displayed, allowing for accurate measurements based on the map's scale.

```markdown
```leaflet
id: scaled-map
image: [[Maps/CampusMap.jpg]]
unit: feet
scale: 10
height: 500px
bounds:
  - [0, 0]
  - [1000, 1000]
```
```

--------------------------------

### Load GeoJSON Data onto Leaflet Map

Source: https://context7.com/javalent/obsidian-leaflet/llms.txt

Displays geographic features from GeoJSON files, such as polygons, lines, and points. Supports MapBox SimpleStyle specification for styling and allows loading multiple GeoJSON files with optional aliases.

```markdown
```leaflet
id: geojson-map
geojson: [[Data/neighborhoods.geojson]]
geojson:
  - [[Data/parks.geojson]]
  - [[Data/rivers.geojson|Rivers|[[River Notes]]]]
geojsonColor: "#3388ff"
zoomFeatures: true
```
```

--------------------------------

### Add Image Overlay to Leaflet Map

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Adds an image overlay to a Leaflet map using specified coordinates. If coordinates are omitted, it defaults to overlaying the entire image on Image maps or the initial view on Real maps. Aliases can be used for layer control.

```leaflet
imageOverlay:
 - [ [[ImageFile|Optional Alias]], [Top Left Coordinates], [Bottom Right Coordinates] ]
 - [ [[ImageFile2|Optional Alias]], [Top Left Coordinates], [Bottom Right Coordinates] ]
 - ...
```

--------------------------------

### Add GPX File to Leaflet Map

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Adds GPX files to a Leaflet map, similar to GeoJSON. Supports single or multiple files. Large numbers of files may impact rendering performance. GPX data like elevation and heartrate can be parsed for heatlines.

```leaflet
gpx: [[GPX_File.gpx]]
```

```leaflet
gpx:
  - [[GPX_File.gpx]]
  - [[GPX_File 2.gpx]]
```

--------------------------------

### Define Overlay Directly in Leaflet Code Block

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Defines a circular overlay directly within the Leaflet map's code block. Requires specifying color, center coordinates, radius, and an optional description. These overlays are not editable after definition and are not included in exported data.

```leaflet
overlay: [<color>, [<latitude, longitude>], <radius>, <description>]
```

--------------------------------

### Define Marker Directly in Leaflet Code Block

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Defines a marker directly within the Leaflet map's code block. Supports specifying marker type, coordinates, an optional Obsidian wikilink, description, and zoom levels. These markers are not editable after definition and are not included in exported data.

```leaflet
marker: <type>,<latitude>,<longitude>,<link>,<description>,<minZoom>,<maxZoom>
```

```leaflet
marker: ,25,25,,,3
```

--------------------------------

### Define Image Map Bounds in Leaflet

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Sets custom geographical bounds for an image map. This ensures the image is positioned and scaled correctly within the map's coordinate system. The bounds are defined by the top-left and bottom-right latitude and longitude coordinates. Note that providing bounds that do not match the image's aspect ratio will skew the image.

```markdown
```leaflet
image: [[Image.jpg]]
bounds:
    - [<top-left-latitude>, <top-left-longitude>]
    - [<bottom-right-latitude>, <bottom-right-longitude>]
```
```

--------------------------------

### Dark Mode CSS Filter

Source: https://github.com/javalent/obsidian-leaflet/blob/main/README.md

Provides the CSS code for enabling dark mode on Leaflet maps by inverting colors. This CSS is applied via a `.dark-mode` class and can be customized in user stylesheets.

```css
.leaflet-container .dark-mode {
    filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(
            0.3
        ) brightness(0.7);
}
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.