Map Interface Overview

The GeoLens UI is divided into two main regions: a collapsible sidebar on the left and a full-screen Cesium 3D globe on the right.

Layout

┌─────────────────────────────────────────────────────┐
│ [≡] Sidebar                    │   Cesium 3D Globe  │
│                                │                    │
│  Planning Data ▾               │   [Maximize ⛶]    │
│    Land Use                    │                    │
│                                │   [🔔 Notif btn]  │
│  Live Observation ▾            │                    │
│    Live Traffic                │                    │
│    Air Quality                 │   UCF Logo         │
│    Weather                     │   UDT Logo         │
│    ...                         │                    │
│                                │                    │
│  ──────────────────            │                    │
│  Bounding Box Panel            │                    │
│    [Create] [Edit]             │                    │
│    [Activate] [Delete]         │                    │
└─────────────────────────────────────────────────────┘

Sidebar

The sidebar (#sidebar) contains two labeled sections:

• Planning Data — Static or infrequently-updated geographic layers (land use)
• Live Observation — Real-time data feeds (traffic, cameras, AQI, weather, 3D tiles, UCF sensors)

Each section uses a collapsible dropdown pattern. Click any section header to expand or collapse it.

Sidebar Controls

Control	Action
Hamburger button (☰)	Opens the sidebar if it was closed
Restore button (☰)	Restores sidebar after map maximize
Sidebar × button	Closes the sidebar
Logout button	Signs out and redirects to login

Map Controls

Action	Behavior
Maximize button (⛶)	Hides sidebar, expands map to full width
Restoring from maximize	Shows sidebar restore button (bottom-left)

Cesium Viewer

The CesiumJS viewer is mounted in #cesiumContainer. The standard Cesium controls are active:

• Left click + drag — Rotate the globe
• Right click + drag — Zoom in/out (or use scroll wheel)
• Middle click + drag — Pan the camera
• Double-click — Zoom to that location

The viewer's default timeline and animation widgets are hidden; GeoLens uses a custom sidebar UI instead.

Logos

The UCF and Urban Digital Twin logos are displayed as a persistent overlay in the bottom-right corner of the map (#logoPanel).

Modals and Overlays

Several features use full-screen overlays:

• Image modal — Full-screen camera image viewer with pinch-zoom and drag-to-pan
• Boundary selection dialog — Searchable state/county picker
• Land use info dialog — Property details for clicked land use polygons
• Bounding box info popup — Controls guide
• Bounding box stats popup — Area, perimeter, center coordinates