refactor: anchor pin to bottom, trying to prevent marker from showing…

… on page load
OpenBeta · May 30, 2024 · 2d7dadc · 2d7dadc
1 parent 1ede2f2
commit 2d7dadc
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/maps/CoordinatePickerMap.tsx b/src/components/maps/CoordinatePickerMap.tsx
@@ -106,9 +106,9 @@ export const CoordinatePickerMap: React.FC<CoordinatePickerMapProps> = ({
         <ScaleControl unit='metric' style={{ marginBottom: 0 }} position='bottom-left' />
         {showFullscreenControl && <FullscreenControl />}
         <NavigationControl showCompass={false} position='bottom-right' />
-        {(selectedCoord != null) && (
+        {(selectedCoord.lat !== 0 && selectedCoord.lng !== 0) && (
           <>
-            <Marker longitude={selectedCoord.lng} latitude={selectedCoord.lat} draggable onDragEnd={onMarkerDragEnd}>
+            <Marker longitude={selectedCoord.lng} latitude={selectedCoord.lat} draggable onDragEnd={onMarkerDragEnd} anchor='bottom'>
               <MapPin size={36} weight='fill' className='text-accent' />
             </Marker>
             <CoordinatePickerPopup