Smoother zooming

src/main.js

@@ -3,10 +3,15 @@ import { resolveFeatureLinks, resolveFeatureStyle } from "./lib/feature-types.js
 
 const TILE_MAX_NATIVE_ZOOM = 19;
 const MAP_MAX_ZOOM = 24;
+const MAP_ZOOM_STEP = 0.25;
+const WHEEL_PIXELS_PER_ZOOM_LEVEL = 240;
 
 const map = L.map("map", {
   zoomControl: false,
   maxZoom: MAP_MAX_ZOOM,
+  zoomSnap: MAP_ZOOM_STEP,
+  zoomDelta: MAP_ZOOM_STEP,
+  wheelPxPerZoomLevel: WHEEL_PIXELS_PER_ZOOM_LEVEL,
 });
 const meterScaledIconMarkers = [];
 
@@ -70,6 +75,7 @@ L.geoJSON(yardGeoJSON, {
 
 map.fitBounds(getGeoJSONBounds(yardGeoJSON).pad(0.2), { maxZoom: MAP_MAX_ZOOM });
 updateMeterScaledIcons();
+map.on("zoom", updateMeterScaledIcons);
 map.on("zoomend", updateMeterScaledIcons);
 
 const legend = document.getElementById("legend");