> [!column|flex no-title]
>> [!menu-dark-red|ttl-c] [[Obsidian TTRPG Tutorials]] / [[Plugin Tutorials]] / [[Zoom Maps]]
> [!column|4 no-title]
>> [!menu-green-1|ttl-c] [[Getting Started]]
>
>> [!menu-green-2|ttl-c] [[Plugin Tutorials]]
>
>> [!menu-green-3|ttl-c] [[Community Supported Games]]
>
>> [!menu-green-4|ttl-c] [[Obsidian TTRPG Tutorials/Templates/Templates\|Templates]]
> [!column|3 no-title]
>> [!patreon|ttl-c] [Patreon](https://www.patreon.com/JPlunkett) ([Starter Vault](https://www.patreon.com/posts/obsidian-patreon-96801399))
>
>> [!discord|ttl-c] [Obsidian TTRPG Community Discord](https://discord.gg/CdM9UCJdwU)
>
>> [!discord|ttl-c] [Obsidian Official Discord](https://discord.gg/obsidianmd)
## ZOOM Maps
You can add your own maps with Zoom Maps.
- Add pins to your maps.
- Link those pins to notes.
- Measure distance (with a built-in UI to configure it!).
- Draw shapes on your maps.
- It supports layered maps.
- It supports custom pins.
- Pins can be made visible/invisible at specific zoom levels.
## Tutorials
> [!example]- Official Plugin Documentation
> [Official Plugin Documentation ](https://github.com/Jareika/zoom-map)
## Obsidian Zoom Map Template
````
```zoommap
image: Assets/Map.jpg
# markers is optional; defaults to <image>.markers.json
# markers: Assets/Map.jpg.markers.json
# Map view limits
minZoom: 0.3
maxZoom: 8
# Size & interactivity
height: 560px
width: 100%
resizable: true
resizeHandle: native # left | right | both | native
render: canvas # or: dom
# Responsive display (fit into width, no wheel/pinch/dblclick pan/zoom)
responsive: false # true → always fit; disables pan/zoom gestures
# Storage (optional)
# storage: note # default is json; use "note" to store markers inline
# id: map-1 # optional stable id for inline storage (per code block)
# Alignment / wrapping (optional)
align: right # left | center | right
wrap: true # wrap text; useful with left/right alignment
```
````
## How To Use The Template
1. Copy this text block into a new note.
2. Change the 'image:' section to point to the map you wish to use.
3. Start adding pins!