An error occurred while loading the file. Please try again.
-
Bao authored83ca09a8
<!doctype html><html lang="de"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>GeoVis AR Projekt</title> <link rel="stylesheet" href="style.css"> <script src="https://unpkg.com/three@0.126.0/build/three.js"></script> <script src="https://unpkg.com/three@0.126.0/examples/js/loaders/GLTFLoader.js"></script></head><body> <!-- Debug --> <div id="debug-container"> <div id="debug-console"></div> <button id="debug-toggle-btn"></button> </div> <!-- Standardmenü --> <div id="menu-bar" style="display: none;"> <div class="menu-item" id="add-section" onclick="showMenu('add-menu')"> <img src="assets/icons/add-icon.png" alt="Hinzufügen" /> </div> <div class="menu-item" onclick="showMenu('map-window')"> <img src="assets/icons/map-icon.png" alt="Karte" /> </div> <div class="menu-item" id="options-section" onclick="showMenu('options-menu')"> <img src="assets/icons/options-icon.png" alt="Optionen" /> </div> </div> <!-- Hinzufügen-Menü für das Auswählen der Modelle--> <div id="add-menu" class="menu-placeholder" style="display: none;"></div> <!-- Bearbeiten-Menü --> <div id="edit-menu" class="menu-placeholder" style="display: none;"> <div class="menu-item" onclick="openRotationMenu()"> <img src="assets/icons/rotate-icon.png" alt="Rotation" /> </div> <div class="menu-item" onclick="openScaleMenu()"> <img src="assets/icons/scale-icon.png" alt="Skalierung" /> </div> <div class="menu-item" onclick="openMoveMenu()"> <img src="assets/icons/move-icon.png" alt="Bewegen" /> </div> <div class="menu-item" onclick="deleteModel()"> <img src="assets/icons/delete-icon.png" alt="Löschen" /> </div> <div class="menu-item" onclick="completeEditing()"> <img src="assets/icons/check-icon.png" alt="Fertigstellen" /> </div> </div> <!-- Optionen-Menü --> <div id="options-menu" class="menu-placeholder" style="display: none;"> <div class="menu-item" onclick="exitAR()"> <img src="assets/icons/exit-icon.png" alt="Beenden" /> </div> <div class="menu-item" onclick="downloadScene()"> <img src="assets/icons/download-icon.png" alt="Download" /> </div> <div class="menu-item" onclick="showMenu('menu-bar')"> <img src="assets/icons/back-icon.png" alt="Zurück" /> </div> </div> <!-- Dynamisches Menü für Rotation und Scaling--> <div id="dynamic-menu" style="display: none;"></div>
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!-- Bestätigungsdialog für Löschen -->
<div id="delete-confirmation-dialog" style="display: none;">
<div class="dialog-overlay"></div>
<div class="dialog-box">
<p id="delete-confirmation-text">Möchten Sie das Modell wirklich löschen?</p>
<button onclick="confirmDelete(true)">Ja</button>
<button onclick="confirmDelete(false)">Nein</button>
</div>
</div>
<!-- Bestätigungsdialog für Beenden -->
<div id="confirmation-dialog" style="display: none;">
<div class="dialog-overlay"></div>
<div class="dialog-box">
<p>Möchten Sie die AR-Session wirklich verlassen?</p>
<button onclick="confirmExit(true)">Ja</button>
<button onclick="confirmExit(false)">Nein</button>
</div>
</div>
<!-- Informations-Dialog -->
<div id="info-dialog" style="display: none;">
<div class="dialog-overlay"></div>
<div class="dialog-box">
<p id="info-text">Hier kommt die Nachricht hin</p>
<button onclick="closeInfoDialog()">OK</button>
</div>
</div>
<div id="map-window" class="menu-placeholder"
style="display: none; flex-direction: column; width: 100vw; height: 100vh;">
<div id="map-container" style="z-index: 1500; flex: 15; width: 100%; height: 100%;"></div>
<div class="menu-item" onclick="showMenu('menu-bar')"
style="cursor: pointer; flex: 1; align-items: center; justify-content: center;">
<img src="assets/icons/back-icon.png" alt="Zurück" style="width: 30px; height: 30px;" />
</div>
</div>
<script src="ar_start.js"></script>
<script src="ar_main.js"></script>
<script src="ar_debug_console.js"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script> <!-- Leaflet einbinden -->
<script src="ar_overviewmap.js"></script>
<script src="ar_download.js"></script>
<!-- Audio-Element für Button-Klick -->
<audio id="button-sound" src="assets/sounds/button-sound.mp3" preload="auto"></audio>
</body>
</html>