+
+
2-комнатные апартаменты
+
+ ({
+ id: image.id,
+ mapPosition: image.mapPosition,
+ }))}
+ selectedPointId={selectedPointId}
+ onClick={(pointId) => handleSelectImageId(pointId)}
+ />
+
+
+
}
diff --git a/src/pages/VirtualTour4Page.tsx b/src/pages/VirtualTour4Page.tsx
index f17a79a..8d3afd5 100644
--- a/src/pages/VirtualTour4Page.tsx
+++ b/src/pages/VirtualTour4Page.tsx
@@ -1,6 +1,7 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
import { Canvas } from "@react-three/fiber";
import { Html, OrbitControls } from "@react-three/drei";
-import { Suspense, useEffect, useRef, useState } from "react";
+import { Suspense, useRef, useState } from "react";
import { OrbitControls as OrbitControlsImpl } from "three-stdlib";
import { useFullscreen } from "ahooks";
import SphereTour from "../components/SphereTour";
@@ -14,38 +15,78 @@ import _images from "../images4.json";
import Image from "../types/Image";
import ElevatorIcon from "../components/icons/ElevatorIcon";
import Loader from "../components/Loader";
-import { useNavigate } from "react-router-dom";
+import { useLocation, useNavigate } from "react-router-dom";
import { isIOS } from "react-device-detect";
+import LHataMap from "../components/maps/LHataMap";
-const images = _images as Image[];
+const images = _images as unknown as Image[];
function VirtualTour4Page() {
- const [selectedImageId, setSelectedImageId] = useState
(images[0].id);
+ const { search } = useLocation();
+ const [selectedImageId, setSelectedImageId] = useState(
+ Number(new URLSearchParams(search).get("id")) || 12
+ );
const orbitRef = useRef(null);
- const canvasRef = useRef(null);
const fullscreenRef = useRef(null);
const [isFullscreen, { toggleFullscreen }] = useFullscreen(fullscreenRef);
const navigate = useNavigate();
+ const [selectedPointId, setSelectedPointId] = useState(
+ selectedImageId
+ );
- function handleSelectImageId(toId: string) {
+ function handleSelectImageId(toId: string | number) {
setSelectedImageId(toId);
+ setSelectedPointId(toId);
console.log(toId);
}
- useEffect(() => {
- setTimeout(() => {
- orbitRef.current?.setAzimuthalAngle(-2.3);
- }, 200);
- }, [orbitRef]);
-
return (
-
+
+
+
3-комнатные апартаменты
+
+
+ Башня{" "}
+ 1
+
+
+ Этаж{" "}
+ 7-28
+
+
+ Площадь{" "}
+ 116.8 м²
+
+
+
+ ({
+ id: image.id,
+ mapPosition: image.mapPosition,
+ mapLabel: image.mapLabel,
+ }))}
+ selectedPointId={selectedPointId}
+ onClick={(pointId) => handleSelectImageId(pointId)}
+ />
+
+
+
+ Стоимость:
+
+
- руб.
+
+
+
+
}
widthFull
- onClick={() => navigate("/")}
+ onClick={() => navigate(-1)}
/>
@@ -59,7 +100,7 @@ function VirtualTour4Page() {
)}
-