From 8f94c22586604312a2697d6703c335e4662143c4 Mon Sep 17 00:00:00 2001
From: Maciej Ziarkowski <maciej.ziarkowski@gmail.com>
Date: Wed, 16 Jun 2021 22:41:01 +0100
Subject: [PATCH] Reduce map maxZoom to avoid tiles missing on retina

Due to a problem with Leaflet, the combination of setting maxZoom, maxNativeZoom and detectRetina
causes the map on retina devices to go blank when zooming to max zoom level.
Decreasing max zoom to 18 reduces the ability of users to zoom in, but prevents this issue.
---
 app/src/frontend/map/map.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/frontend/map/map.tsx b/app/src/frontend/map/map.tsx
index 14b5c42c..0c37feac 100644
--- a/app/src/frontend/map/map.tsx
+++ b/app/src/frontend/map/map.tsx
@@ -87,7 +87,7 @@ class ColouringMap extends Component<ColouringMapProps, ColouringMapState> {
                     center={initialMapViewport.position}
                     zoom={initialMapViewport.zoom}
                     minZoom={9}
-                    maxZoom={19}
+                    maxZoom={18}
                     doubleClickZoom={false}
                     zoomControl={false}
                     attributionControl={false}