diff --git a/client/cypress/e2e/map.spec.js b/client/cypress/e2e/map.spec.js index 7f167e9b..9b7cd22a 100644 --- a/client/cypress/e2e/map.spec.js +++ b/client/cypress/e2e/map.spec.js @@ -57,4 +57,4 @@ describe('Tests for the Explore the Map page', () => { expect(punx1001FeatureState).to.deep.equal({'selected': true}); }); }); -}); \ No newline at end of file +}); diff --git a/client/src/data/constants.tsx b/client/src/data/constants.tsx index 9e8a2b04..7bb0ae1a 100644 --- a/client/src/data/constants.tsx +++ b/client/src/data/constants.tsx @@ -20,7 +20,7 @@ export const GLOBAL_MAX_ZOOM = 22; export const GLOBAL_MIN_ZOOM_LOW = 3; export const GLOBAL_MAX_ZOOM_LOW = 9; export const GLOBAL_MIN_ZOOM_HIGH = 9; -export const GLOBAL_MAX_ZOOM_HIGH = 12; +export const GLOBAL_MAX_ZOOM_HIGH = 11; // Bounds export const GLOBAL_MAX_BOUNDS = [ diff --git a/client/src/data/mapStyle.tsx b/client/src/data/mapStyle.tsx index ba826012..5a81c06f 100644 --- a/client/src/data/mapStyle.tsx +++ b/client/src/data/mapStyle.tsx @@ -71,6 +71,11 @@ const mapStyle : Style = { // For local development, use: // 'http://localhost:8080/data/tl_2010_bg_with_data/{z}/{x}/{y}.pbf', ], + + // Seeting maxzoom here enables 'overzooming' + // e.g. continued zooming beyond the max bounds. + // More here: https://docs.mapbox.com/help/glossary/overzoom/ + 'maxzoom': constants.GLOBAL_MAX_ZOOM_HIGH, }, 'labels': { 'type': 'raster',