Obsidian - Configuring Your Maps

Описание

In this video we look at how to use the Obsidian Leaflet plugin in more detail. Specifically how to configure your maps. This includes optimising the map and then settings the map coordinates so that the zoom and distance functionality works.

Excel Formula Used:
Map Pixel Width x 1 / (Pixels between Bar Scale / 100)
Map Pixel Height x 1 / (Pixels between Bar Scale / 100)

Buy Jeremy A Coffee - https://www.buymeacoffee.com/valentine195

Get Obsidian - https://obsidian.md/
Get Gimp - https://www.gimp.org/
Get Pinga - https://css-ig.net/pinga
Official Discord - https://discord.com/invite/veuWUTm
Join Facebook Community - https://www.facebook.com/groups/obsidianttrpgusers
Support Me To Make More Content! - https://www.patreon.com/JPlunkett

Here's my template for adding in a Leaflet map.

```leaflet
### Tutorial: https://youtu.be/54EyMzJP5DU
### id must be unique
id: Faerun_Map
lock: true
image: [[HighRes (with Saltmarsh) (Orig).jpg]]
### Map Pixel Height x 1 / (Pixels between Bar Scale / 100)
### Map Pixel Width x 1 / (Pixels between Bar Scale / 100)
### Note that this formula requires adjustments depending on your map. The idea is to determine the number of units between your bar scale. We divide by 100 here because my bar scale measures in 100 units. If your maps scale bar measures in units of 50 them you should divide by 50 instead. The idea is to calculate how many pixels = 1 unit.
bounds: [[0,0], [1815.07, 2805.48]]
height: 900px
width: 95%
### This sets where the map starts by default. Set it to the middle (half) of your bounds.
lat: 907.53
long: 1402.74
### 0 is no zoom. Negative zoom steps away from the map. Positive zoom steps towards the map.
minZoom: -1.5
### Max zoom is 18.
maxZoom: 1.5
### Hover mouse over the Reset Zoom icon to see your current zoom level.
defaultZoom: -1
### How far it zooms in or out with each step. Can be in decimals.
zoomDelta: 0.5
### This is a string so can be any text. Change it to match your maps measurement scale.
unit: miles
scale: 1
darkMode: false
```