UX: fix #1805, disable zoom-in and zoom-out buttons when maxrange reached

src/UI/BigComponents/NewPointLocationInput.svelte

@@ -53,9 +53,6 @@
     lat: number
   }>(undefined)
 
-  const dispatch = createEventDispatcher<{ click: { lon: number; lat: number } }>()
-
-  const xyz = Tiles.embedded_tile(coordinate.lat, coordinate.lon, 16)
   const map: UIEventSource<MlMap> = new UIEventSource<MlMap>(undefined)
   let initialMapProperties: Partial<MapProperties> & { location } = {
     zoom: new UIEventSource<number>(19),
@@ -73,6 +70,7 @@
     minzoom: new UIEventSource<number>(18),
     rasterLayer: UIEventSource.feedFrom(state.mapProperties.rasterLayer),
   }
+  state?.showCurrentLocationOn(map)
 
   if (targetLayer) {
     const featuresForLayer = state.perLayer.get(targetLayer.id)
@@ -120,7 +118,7 @@
 
 <LocationInput
   {map}
-  on:click={(data) => dispatch("click", data)}
+  on:click
   mapProperties={initialMapProperties}
   value={preciseLocation}
   initialCoordinate={coordinate}

src/UI/BigComponents/WaySplitMap.svelte

@@ -23,18 +23,20 @@
   import { GeoOperations } from "../../Logic/GeoOperations"
   import { BBox } from "../../Logic/BBox"
   import type { Feature, LineString, Point } from "geojson"
+  import type { SpecialVisualizationState } from "../SpecialVisualization"
+  import SmallZoomButtons from "../Map/SmallZoomButtons.svelte"
 
   const splitpoint_style = new LayerConfig(
     <LayerConfigJson>split_point,
     "(BUILTIN) SplitRoadWizard.ts",
-    true
-  ) as const
+    true,
+  )
 
   const splitroad_style = new LayerConfig(
     <LayerConfigJson>split_road,
     "(BUILTIN) SplitRoadWizard.ts",
-    true
-  ) as const
+    true,
+  )
 
   /**
    * The way to focus on
@@ -45,6 +47,7 @@
    * A default is given
    */
   export let layer: LayerConfig = splitroad_style
+  export let state: SpecialVisualizationState | undefined = undefined
   /**
    * Optional: use these properties to set e.g. background layer
    */
@@ -58,6 +61,7 @@
   adaptor.bounds.setData(BBox.get(wayGeojson).pad(2))
   adaptor.maxbounds.setData(BBox.get(wayGeojson).pad(2))
 
+  state?.showCurrentLocationOn(map)
   new ShowDataLayer(map, {
     features: new StaticFeatureSource([wayGeojson]),
     drawMarkers: false,
@@ -101,6 +105,7 @@
   })
 </script>
 
-<div class="h-full w-full">
+<div class="h-full w-full relative">
   <MaplibreMap {map} />
+  <SmallZoomButtons {adaptor} />
 </div>