feat: Enhance map controls and overlay visibility in project map components

src/components/ui/LeafletMap.js

@@ -142,6 +142,7 @@ export default function EnhancedLeafletMap({
 	defaultLayer = "OpenStreetMap",
 	activeOverlays = [],
 	onViewChange,
+	showOverlays = true,
 }) {
 	useEffect(() => {
 		fixLeafletIcons();
@@ -175,7 +176,7 @@ export default function EnhancedLeafletMap({
 						</BaseLayer>
 					))}
 							{/* Overlay Layers */}
-					{mapLayers.overlays && mapLayers.overlays.map((layer, index) => (
+					{showOverlays && mapLayers.overlays && mapLayers.overlays.map((layer, index) => (
 						<Overlay
 							key={`overlay-${index}`}
 							checked={layer.checked}

src/components/ui/ProjectMap.js

@@ -20,6 +20,7 @@ export default function ProjectMap({
 	showLayerControl = true,
 	mapHeight = "h-64",
 	defaultLayer = "OpenStreetMap",
+	showOverlays = true,
 }) {
 	const [coords, setCoords] = useState(null);
 
@@ -101,7 +102,7 @@ export default function ProjectMap({
 				)}
 			</div>
 			<div
-				className={`w-full ${mapHeight} rounded-lg overflow-hidden border border-gray-200`}
+				className={`w-full ${mapHeight} rounded-lg border border-gray-200`}
 			>
 				<DynamicMap
 					center={[coords.lat, coords.lng]}
@@ -155,6 +156,7 @@ export default function ProjectMap({
 					]}
 					showLayerControl={showLayerControl}
 					defaultLayer={defaultLayer}
+					showOverlays={showOverlays}
 				/>
 			</div>
 			<div className="flex items-center justify-between">