Changing components stacking.

src/components/map/map.tsx

@@ -47,10 +47,10 @@ const Map: react.FC<{}> = (props: {}) => {
               <CurrentLocation />
               <Tracks />
             </Whiteboard>
+            <Layer>
+              <TiledMap />
+            </Layer>
           </Slippy>
-          <Layer>
-            <TiledMap />
-          </Layer>
         </IonApp>
       </IonContent>
       <IonHeader className='ion-no-border' translucent={true}>

src/components/map/whiteboard.tsx

@@ -12,7 +12,7 @@ const Whiteboard: React.FC<WhiteboardProps> = (props: WhiteboardProps) => {
   );
 
   return (
-    <svg width={window.innerWidth} height={window.innerHeight}>
+    <svg width={window.innerWidth} height={window.innerHeight} className="whiteboard">
       <g
         transform={`scale(${whiteBoardState.scale}) translate(${whiteBoardState.translation.x},${whiteBoardState.translation.y})`}
       >