Add Zoom controls (#126)

FixMyBerlin · Feb 6, 2024 · 60da20e · 60da20e
2 parents 36d9087 + 1155c2c
commit 60da20e
Show file tree

Hide file tree

Showing 2 changed files with 4,629 additions and 4,696 deletions.
diff --git a/src/components/Map/DynamicMap.tsx b/src/components/Map/DynamicMap.tsx
@@ -8,7 +8,7 @@ import {
 import maplibregl from 'maplibre-gl';
 import 'maplibre-gl/dist/maplibre-gl.css';
 import React, { useEffect, useState } from 'react';
-import Map, { FullscreenControl } from 'react-map-gl';
+import Map, { FullscreenControl, NavigationControl } from 'react-map-gl';
 import { maptilerBaseUrl, maptilerKey } from '~/utils';
 import { RSVPopup, RSVSegment } from '.';
 
@@ -97,6 +97,7 @@ export const DynamicMap: React.FC<
         )
       )}
       <RSVPopup info={info} selected={selected} setSelected={setSelected} />
+      <NavigationControl showCompass={false} />
     </Map>
   );
 };