Changed the zoom relative level for the SVG overlay to avoid issues at higher zoom levels (probably due to rounding errors).

src/store/map.ts

@@ -10,6 +10,8 @@ import {
   tile2long,
 } from '../lib/geo';
 
+export const zoom0 = 10;
+
 // Top level properties (the other properties can be derived from them)
 
 // The map itself
@@ -19,7 +21,7 @@ export interface MapScope {
 }
 var initialMapScope: MapScope = {
   center: { lat: -37.8403508, lon: 77.5539501 },
-  zoom: 4,
+  zoom: 17,
 };
 
 // Derived properties
@@ -109,7 +111,7 @@ const evaluateWhiteboardViewBox = (
 ) => {
   // Update the whiteboard SVG viewBox
 
-  const scaleFactor = 2 ** state.scope.zoom;
+  const scaleFactor = 2 ** (state.scope.zoom - zoom0);
 
   state.whiteboard.scale = scaleFactor * tileSize;
   state.whiteboard.translation.x =