aaron.axvig/a-plot-of-plants
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Smoother zooming

Browse Source
This commit is contained in:
aaron.axvig
2026-06-29 13:57:40 -05:00
parent 1354368ddc
commit 4d8254df90
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main.js
+6
View File
@@ -3,10 +3,15 @@ import { resolveFeatureLinks, resolveFeatureStyle } from "./lib/feature-types.js
const TILE_MAX_NATIVE_ZOOM = 19; const TILE_MAX_NATIVE_ZOOM = 19;
const MAP_MAX_ZOOM = 24; const MAP_MAX_ZOOM = 24;
const MAP_ZOOM_STEP = 0.25;
const WHEEL_PIXELS_PER_ZOOM_LEVEL = 240;
const map = L.map("map", { const map = L.map("map", {
zoomControl: false, zoomControl: false,
maxZoom: MAP_MAX_ZOOM, maxZoom: MAP_MAX_ZOOM,
zoomSnap: MAP_ZOOM_STEP,
zoomDelta: MAP_ZOOM_STEP,
wheelPxPerZoomLevel: WHEEL_PIXELS_PER_ZOOM_LEVEL,
}); });
const meterScaledIconMarkers = []; const meterScaledIconMarkers = [];
@@ -70,6 +75,7 @@ L.geoJSON(yardGeoJSON, {
map.fitBounds(getGeoJSONBounds(yardGeoJSON).pad(0.2), { maxZoom: MAP_MAX_ZOOM }); map.fitBounds(getGeoJSONBounds(yardGeoJSON).pad(0.2), { maxZoom: MAP_MAX_ZOOM });
updateMeterScaledIcons(); updateMeterScaledIcons();
map.on("zoom", updateMeterScaledIcons);
map.on("zoomend", updateMeterScaledIcons); map.on("zoomend", updateMeterScaledIcons);
const legend = document.getElementById("legend"); const legend = document.getElementById("legend");