feat: add NavigationControl (#534)

yihong0618 · Oct 28, 2023 · 23464b5 · 23464b5 · vercel · Oct 28, 2023
1 parent 3f073b7
commit 23464b5
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>
   );
 };