Khôi phục góc nhìn và nơi đang xem sau khi reload page

frontend/js/main_map.js

@@ -24,6 +24,9 @@ document.addEventListener('DOMContentLoaded', () => {
         // Chạy tuần tự để tránh xung đột luồng xử lý
         checkAuthStatus(); // 2. Kiểm tra đăng nhập
         
+        // 3. Khôi phục cảnh đang xem nếu có (sau khi người dùng reload trang)
+        restoreActiveScene();
+
         // Đảm bảo map đã sẵn sàng trước khi nạp data
         if (map) {
             // Chỉ nạp danh sách Scene để vẽ marker lên bản đồ
@@ -713,7 +716,7 @@ async function deleteScene(sceneId) {
 /**
  * Fetches secure scene details and triggers the Panorama viewer
  */
-async function openScene(sceneId, privacy, shareToken, force = false) {
+async function openScene(sceneId, privacy, shareToken, force = false, initialPitch = 0, initialYaw = 0) {
     // Nếu đang xem chính scene này và không yêu cầu làm mới (force), không cần nạp lại
     if (!force && currentSceneId === sceneId && document.getElementById('viewer-container').style.display === 'block') {
         return;
@@ -781,7 +784,7 @@ async function openScene(sceneId, privacy, shareToken, force = false) {
         }
 
         // Initialize 3D Viewer with secure, referer-protected image stream
-        initPanoramaViewer(secureImageUrl, hotspots || [], sceneOwnerId);
+        initPanoramaViewer(secureImageUrl, hotspots || [], sceneOwnerId, initialPitch, initialYaw);
 
     } catch (error) {
         localStorage.removeItem('activeSceneId');
@@ -799,7 +802,9 @@ function restoreActiveScene() {
     if (savedSceneId) {
         const savedPrivacy = localStorage.getItem('activeScenePrivacy');
         const savedToken = localStorage.getItem('activeSceneToken');
-        openScene(savedSceneId, savedPrivacy, savedToken);
+        const savedPitch = parseFloat(localStorage.getItem('activeScenePitch')) || 0;
+        const savedYaw = parseFloat(localStorage.getItem('activeSceneYaw')) || 0;
+        openScene(savedSceneId, savedPrivacy, savedToken, false, savedPitch, savedYaw);
     }
 }