From f203cf9dff42358aec60068aca2af15412a3093f Mon Sep 17 00:00:00 2001
From: Jay Harris <jay.harris@outlook.co.nz>
Date: Tue, 19 Dec 2023 16:30:49 +1300
Subject: [PATCH] Add min zoom

---
 src/TopoMap.svelte                | 1 +
 src/components/MapFeatures.svelte | 2 +-
 src/layers/layerDefinitions.ts    | 3 ++-
 src/ol/TileLayer.svelte           | 2 ++
 4 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/TopoMap.svelte b/src/TopoMap.svelte
index b3f726c..b44aa40 100644
--- a/src/TopoMap.svelte
+++ b/src/TopoMap.svelte
@@ -49,6 +49,7 @@
           title={definition.name}
           prerender={definition.prerender}
           type={"overlay"}
+          minZoom={definition.minZoom}
           visible={definition.defaultVisible}
           source={cachingSource(definition)} />
       {/each}
diff --git a/src/components/MapFeatures.svelte b/src/components/MapFeatures.svelte
index 12a0fe3..bca1975 100644
--- a/src/components/MapFeatures.svelte
+++ b/src/components/MapFeatures.svelte
@@ -109,7 +109,7 @@
               <label>
                 <input
                   type="checkbox"
-                  checked={$fragment.featureLayers.includes(layer.get('id'))}
+                  checked={$fragment.featureLayers.includes(layer.get('id')) || layer.getVisible()}
                   on:change={(e) =>
                     setLayerVisible(layer, e.target['checked'])} />
                 {layer.get('title')}
diff --git a/src/layers/layerDefinitions.ts b/src/layers/layerDefinitions.ts
index 50d6e9d..b9c3623 100644
--- a/src/layers/layerDefinitions.ts
+++ b/src/layers/layerDefinitions.ts
@@ -7,7 +7,7 @@ export interface BaseLayerDefinition {
     name: string;
     description: string;
     defaultVisible?: boolean;
-    defaultCache?: boolean;
+    minZoom?: number;
 }
 
 export type TileLayerDefinition = BaseLayerDefinition & {
@@ -62,6 +62,7 @@ export const layerDefinitions: TileLayerDefinition[] = [
         type: 'overlay',
         defaultVisible: true,
         prerender: e => e.context.canvas.getContext('2d').globalCompositeOperation = 'multiply',
+        minZoom: 10,
         url: 'https://tiles-cdn.koordinates.com/services;key=d0772bed2204423f87157f7fb1223389/tiles/v4/layer=50765/EPSG:3857/{z}/{x}/{y}.png'
     }
 ]
diff --git a/src/ol/TileLayer.svelte b/src/ol/TileLayer.svelte
index b3d2462..ad734a1 100644
--- a/src/ol/TileLayer.svelte
+++ b/src/ol/TileLayer.svelte
@@ -11,6 +11,7 @@
   export let visible: boolean = true
   export let opacity = 1
   export let prerender: (e: RenderEvent) => void = undefined
+  export let minZoom: number | undefined = undefined
 
   const { addLayer, removeLayer } = getOlContext()
   const layer = new TileLayer({
@@ -18,6 +19,7 @@
     ['title' as any]: title,
     ['type' as any]: type,
     ['visible' as any]: visible,
+    minZoom,
     opacity,
     source: typeof source === 'string' ? new XYZ({ url: source }) : source,
   })