Fix zoom check at start

src/drawing.ts

@@ -57,7 +57,6 @@ export function removeMarkers(markers: mapboxgl.Marker[]): void {
 }
 export function removeStreetLayers(map: mapboxgl.Map): void {
   try {
-    // if (map.isSourceLoaded('greenRoads')) {
     console.log("Removing sources...");
     map.removeLayer('greenRoadsId');
     map.removeLayer('redRoadsId');
@@ -66,14 +65,8 @@ export function removeStreetLayers(map: mapboxgl.Map): void {
     map.removeSource('greenRoads');
     map.removeSource('redRoads');
     map.removeSource('orangeRoads');
-
-    // } else {
-
-    //   console.log("NOT Removing sources.");
-    // }
-
   } catch (e) {
-
+    console.log("not removing sources - at least one doesn't exist yet");
   }
 }
 

src/map.tsx

@@ -93,9 +93,10 @@ export function Map() {
       setZoom(map.getZoom());
     });
 
-    if (zoom < min_overpass_turbo_zoom) {
+    if (map.getZoom() < min_overpass_turbo_zoom) {
       setLoadingStatus("too_zoomed_out");
     } else {
+      console.log(`zoom is ${map.getZoom()}`);
       debouncedFetchAndDrawMarkers(map, markers, setLoadingStatus);
     }
 
@@ -105,6 +106,7 @@ export function Map() {
       }
       const zoom = map.getZoom();
       if (zoom > min_overpass_turbo_zoom) {
+      console.log(`zoom is ${zoom}`);
         debouncedFetchAndDrawMarkers(map, markers, setLoadingStatus);
       }
     });