admin/3dtours
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sửa callout hiển thị scene và click vào scene để vào thẳng xem ảnh

Browse Source
This commit is contained in:
locphamtran
2026-06-08 07:58:46 +07:00
parent 5ba6e37039
commit 81de520071
4 changed files with 227 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+22
View File
@@ -8,6 +8,9 @@
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
<!-- Pannellum (3D Viewer) CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css"/>
<!-- Leaflet MarkerCluster CSS -->
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css" />
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css" />
<!-- Custom Style -->
<link rel="stylesheet" href="css/style.css">
</head>
@@ -74,6 +77,23 @@
</div>
</div>
<!-- Modal for Action Choice (Edit/Delete) -->
<div id="action-choice-modal" class="modal">
<div class="modal-content action-modal-content">
<span class="close-btn" onclick="closeActionModal()">&times;</span>
<h2 id="action-modal-title">Tùy chọn Scene</h2>
<p id="action-modal-desc">Bạn muốn thực hiện thao tác gì với scene này?</p>
<div class="action-buttons">
<button id="btn-edit-action" class="edit-btn-large">
<span class="icon">✏️</span> Chỉnh sửa thông tin
</button>
<button id="btn-delete-action" class="delete-btn-large">
<span class="icon">🗑️</span> Xóa vĩnh viễn
</button>
</div>
</div>
</div>
<!-- 3D Panorama Viewer Container -->
<div id="viewer-container" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; background: #000;">
<div id="panorama-viewer"></div>
@@ -163,6 +183,8 @@
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<!-- Pannellum JS -->
<script src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script>
<!-- Leaflet MarkerCluster JS -->
<script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script>
<!-- Custom Scripts -->
<script src="js/viewer360.js"></script>