feat: add NavigationControl

ben-29 · Oct 26, 2023 · f4ae836 · f4ae836
1 parent 94485c3
commit f4ae836
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/RunMap/index.tsx b/src/components/RunMap/index.tsx
@@ -1,6 +1,6 @@
 import MapboxLanguage from '@mapbox/mapbox-gl-language';
 import React, { useRef, useCallback } from 'react';
-import Map, { Layer, Source, FullscreenControl, MapRef } from 'react-map-gl';
+import Map, { Layer, Source, FullscreenControl, NavigationControl, MapRef } from 'react-map-gl';
 import useActivities from '@/hooks/useActivities';
 import {
   MAP_LAYER_LIST,
@@ -141,6 +141,7 @@ const RunMap = ({
       )}
       <span className={styles.runTitle}>{title}</span>
       <FullscreenControl style={fullscreenButton} />
+      <NavigationControl showCompass={false} position={'bottom-right'} style={{ opacity: 0.3 }} />
     </Map>
   );
 };