Joururi/leim-maps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Map padding

Browse Source
This commit is contained in:
Alexis
2023-12-11 22:39:39 +01:00
parent 667d54124f
commit 1b4d54679a
1 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/maps/WorldMap.astro
View File

@@ -39,6 +39,10 @@ const mobileZoomLevels = {
maxZoom: 6.7 maxZoom: 6.7
} }
const inertiaDeceleration = 1500
const maxBoundsPadding = 10
const maxBoundsViscosity = .75
// Initializes the map // Initializes the map
const map = L.map('world', { const map = L.map('world', {
crs: L.CRS.Simple, crs: L.CRS.Simple,
@@ -47,6 +51,8 @@ const map = L.map('world', {
zoom: minZoom, zoom: minZoom,
zoomSnap: 0, zoomSnap: 0,
zoomControl: false, zoomControl: false,
inertiaDeceleration,
maxBoundsViscosity
}) })
/** /**
@@ -268,6 +274,19 @@ const rulerOptions = {
const measureControl = L.control.measure(rulerOptions) const measureControl = L.control.measure(rulerOptions)
measureControl.addTo(map) measureControl.addTo(map)
map.setMaxBounds(
[
[
baseTileLayer.getBounds().getSouth() - maxBoundsPadding,
baseTileLayer.getBounds().getWest() - maxBoundsPadding
],
[
baseTileLayer.getBounds().getNorth() + maxBoundsPadding,
baseTileLayer.getBounds().getEast() + maxBoundsPadding
]
]
)
/** /**
* SVG LAYERS * SVG LAYERS
*/ */