diff --git a/src/drawing.ts b/src/drawing.ts index 33cee27..cf0510f 100644 --- a/src/drawing.ts +++ b/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"); } } diff --git a/src/map.tsx b/src/map.tsx index 7345a90..5bb2a16 100644 --- a/src/map.tsx +++ b/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); } });