ar_main.js

    // Variablen
    let selectedModel = 'robot';
    let selectedPlacedModel = null;
    let currentSession = null;
    let reticle = null;
    let scene, camera;
    let geoLocation;

    let models = {
      bench: {
        name: "Bench",
        image: "previewImages/bench.PNG",
        file: "/assets/models/bench_model/scene.gltf",
        scale: { x: 0.1, y: 0.1, z: 0.1 },
        minScale: 0.05, // 50% der aktuellen Größe
        maxScale: 0.5   // 500% der aktuellen Größe
      },
      trashbin: {
        name: "Trash bin",
        image: "previewImages/trash_can.PNG",
        file: "/assets/models/trash_model/scene.gltf",
        scale: { x: 0.03, y: 0.03, z: 0.03 },
        minScale: 0.01, // 50% der aktuellen Größe
        maxScale: 0.1   // 500% der aktuellen Größe
      },
      telephone_box: {
        name: "Telephone Box",
        image: "previewImages/telephone_box.PNG",
        file: "/assets/models/telephone_box_model/scene.gltf",
        scale: { x: 0.5, y: 0.5, z: 0.5 },
        minScale: 0.05,
        maxScale: 1
      },
      fire_hydrant_model: {
        name: "Fire Hydrant",
        image: "previewImages/hydrant.PNG",
        file: "/assets/models/fire_hydrant_model/scene.gltf",
        scale: { x: 0.3, y: 0.3, z: 0.3 },
        minScale: 0.1,
        maxScale: 1
      },
      statue: {
        name: "Statue",
        image: "previewImages/statue.PNG",
        file: "/assets/models/statue_model/scene.gltf",
        scale: { x: 0.5, y: 0.5, z: 0.5 },
        minScale: 0.05,
        maxScale: 2
      },
      fountain: {
        name: "Fountain",
        image: "previewImages/fountain.PNG",
        file: "/assets/models/fountain_model/scene.gltf",
        scale: { x: 0.001, y: 0.001, z: 0.001 },
        minScale: 0.0005,
        maxScale: 0.005
      },
      lantern: {
        name: "Lantern",
        image: "previewImages/lantern.jpg",
        file: "https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Assets/refs/heads/main/Models/Lantern/glTF/Lantern.gltf",
        scale: { x: 0.15, y: 0.15, z: 0.15 },
        minScale: 0.05,
        maxScale: 0.3
      }
    };

    const menus = ['menu-bar', 'add-menu', 'edit-menu', 'options-menu', 'map-window'];

    window.onload = () => {