From 3994883ec526aa2c08e99334f4f3224d3ded278d Mon Sep 17 00:00:00 2001
From: locphamtran <tranloclqd@gmail.com>
Date: Thu, 11 Jun 2026 19:43:00 +0700
Subject: [PATCH] =?UTF-8?q?S=E1=BB=ADa=20l=E1=BB=97i=20click=20v=C3=A0o=20?=
 =?UTF-8?q?tour=20g=E1=BB=99p=20l=C3=A0m=20t=C3=A1ch=20c=C3=A1c=20scene=20?=
 =?UTF-8?q?ri=C3=AAng=20r=E1=BA=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/js/main_map.js | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/frontend/js/main_map.js b/frontend/js/main_map.js
index c9f253d..68d9de7 100644
--- a/frontend/js/main_map.js
+++ b/frontend/js/main_map.js
@@ -393,13 +393,11 @@ function initMap() {
 
     L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
         maxZoom: 19,
-        // Attribution sẽ được thêm thủ công bên dưới để chỉ hiển thị OpenStreetMap
-        // attribution: '© OpenStreetMap contributors' 
     }).addTo(map);
 
     // Khởi tạo Marker Cluster Group CHỈ dành cho Scene (Ảnh mẹ)
     markerClusterGroup = L.markerClusterGroup({
-        zoomToBoundsOnClick: false, 
+        zoomToBoundsOnClick: false, // Tắt tự động zoom để xử lý logic tách Tour thủ công
         spiderfyOnMaxZoom: true,    
         maxClusterRadius: 50,       
         spiderfyDistanceMultiplier: 3.5, // Tăng thêm khoảng cách để callout ảnh mẹ tách rõ ràng khi tỏa ra
@@ -422,7 +420,7 @@ function initMap() {
         }
     });
 
-    // Khi click chuột trái vào một cụm callout, thực hiện tách chúng ra
+    // Nếu các Tour được gộp lại cùng nhau (Cluster): Tách các Tour callout ra (Spiderfy)
     markerClusterGroup.on('clusterclick', (a) => {
         a.layer.spiderfy();
     });
@@ -980,10 +978,19 @@ async function loadScenes(urlToken = null) {
         const markersToAdd = [];
         const activeSceneId = localStorage.getItem('activeSceneId');
         let foundProcessing = 0;
-        const seenCoordinates = new Set(); // Dùng để lọc "Ảnh mẹ" (1 marker per location)
+        const seenTours = new Set(); // Sử dụng Set để lọc duy nhất một Marker cho mỗi Tour
 
         // Chỉ lặp qua danh sách Scene mẹ, lọc bỏ các hotspots trùng tọa độ
         scenes.forEach((scene) => {
+            // 0. Lọc theo Tour: Mỗi Tour chỉ hiển thị 1 Callout đại diện trên bản đồ
+            // Ưu tiên hiển thị Scene gốc của Tour hoặc Scene đầu tiên tìm thấy
+            const tourId = scene.tourId?._id || scene.tourId;
+            if (!tourId) return;
+            
+            const tourIdStr = tourId.toString();
+            if (seenTours.has(tourIdStr)) return;
+            seenTours.add(tourIdStr);
+
             // 1. Kiểm tra tọa độ an toàn - Ngăn chặn treo map do NaN
             const latNum = Number(scene.gps?.lat ?? scene.lat);
             const lngNum = Number(scene.gps?.lng ?? scene.lng);
@@ -1051,9 +1058,14 @@ async function loadScenes(urlToken = null) {
                 className: 'custom-scene-tooltip'
             });
 
-            // Sự kiện Click chuột trái: Vào thẳng trình xem 360
+            // Trường hợp Tour không gộp lại (Marker đơn lẻ): Di chuyển thẳng vào Tour
             marker.on('click', () => {
-                openScene(scene._id, scene.privacy, scene.shareToken || '');
+                // Luôn di chuyển vào cảnh gốc của Tour
+                if (scene.tourId && scene.tourId.rootSceneId) {
+                    openScene(scene.tourId.rootSceneId, scene.tourId.privacy, scene.tourId.shareToken || '');
+                } else {
+                    openScene(scene._id, scene.privacy, scene.shareToken || '');
+                }
             });
 
             marker.on('contextmenu', (e) => {