Merge pull request #1060 from DonovanAndrews300/donovan/toggle-map-info

Hides extra map elements

Author: CodeWritingCow

src/app/globals.css

@@ -198,7 +198,8 @@
 }
 
 #main .maplibregl-ctrl-bottom-left {
-  left: 20px;
+  left: 10px;
+  padding-bottom: 10px;
   pointer-events: bounding-box;
 }
 

src/components/PropertyMap.tsx

@@ -8,6 +8,7 @@ import {
   Dispatch,
   SetStateAction,
   ReactElement,
+  ElementRef,
 } from 'react';
 import {
   maptilerApiKey,
@@ -115,7 +116,6 @@ const MapControls = () => {
     <>
       <NavigationControl showCompass={false} position="bottom-right" />
       <GeolocateControl position="bottom-right" />
-      <ScaleControl />
       {smallScreenToggle || window.innerWidth > 640 ? (
         <MapLegendControl
           position="bottom-left"
@@ -445,6 +445,14 @@ const PropertyMap: FC<PropertyMapProps> = ({
         }}
         onLoad={(e) => {
           setMap(e.target);
+          const attributionButton: HTMLElement | null = document.querySelector(
+            '.maplibregl-ctrl-attrib-button'
+          );
+          if (attributionButton) {
+            attributionButton.click();
+          } else {
+            console.warn('Attribution button not found.');
+          }
         }}
         onSourceData={(e) => {
           handleSetFeatures(e);