upd

2024-07-26 18:40:31 +05:00
parent 08b86c8b51
commit e381c5badc
18 changed files with 262 additions and 21 deletions
@@ -5,6 +5,7 @@ import Marker from "./Marker";
 import { markers } from "../../../consts/markers";
 import useMarker from "../../../store/useMarker";
 import ZoomControlls from "./ZoomControlls";
+import { Clouds } from "./Clouds";

 const Map = () => {
  const { hoveredMarker } = useMarker();
@@ -39,6 +40,14 @@ const Map = () => {
          }}
          wrapperClass={"top-[-50px] left-[-200px]"}
        >
+          <ImageMarker
+            src="images/Map.jpg"
+            markers={imageMarkers}
+            markerComponent={Clouds}
+            extraClass={`transition-all absolute top-0 left-0 duration-300 ease-in-out z-50 ${
+              hoveredMarker ? "brightness-[.7]" : ""
+            }`}
+          />
          <ImageMarker
            src="images/Map.jpg"
            markers={imageMarkers}