Map Interface¶
Learn about the map screen layout and usage.
Screen Layout¶
┌─────────────────────────────────────┐
│ ◀ Map 🔍 📋 ⋮ │ ← Top bar
├─────────────────────────────────────┤
│ │
│ 📍(5) │
│ 📍(3) │
│ 📍(12) │ ← Map area
│ 📍(8) │
│ 📍 │
│ │
├─────────────────────────────────────┤
│ ➕ ⦿ ➖ │ ← Controls
└─────────────────────────────────────┘
Top Bar¶
| Element | Description |
|---|---|
| ◀ Back | Return to previous screen |
| 🔍 Search | Search location/address |
| 📋 List | Switch to list view |
| ⋮ More | Additional options |
Map Area¶
Markers¶
Markers are displayed at locations where media was captured.
| Marker Type | Description |
|---|---|
| 📍 | Single media location |
| 📍(5) | Cluster (5 media items) |
Clusters¶
Media at nearby locations are grouped into clusters.
- The number indicates the media count at that location
- Tap to zoom in or display list
Map Controls¶
Navigation¶
- Drag: Move the map
- Pinch: Zoom in/out
Zoom In/Out¶
| Method | Action |
|---|---|
| Pinch out | Zoom in |
| Pinch in | Zoom out |
| Double tap | Zoom in |
| Two-finger tap | Zoom out |
| ➕ / ➖ buttons | Zoom in/out |
My Location¶
Tap the ⦿ My Location button to:
- Move map to current location
- Display marker at current position
Marker Interaction¶
Tapping Markers¶
When you tap a marker:
Single marker:
┌─────────────────────────────────────┐
│ ┌───┐ │
│ │ 📷│ IMG_20240115_143022.jpg │
│ └───┘ 2024.01.15 14:30 │
│ Construction | Urgent, Floor1 │
└─────────────────────────────────────┘
Cluster marker: - Zooms in to show individual markers - Or displays media list for that location
Media Preview¶
A media preview appears when tapping a marker.
- Tap: Open detail screen
- Swipe: View other media at same location
Map Types¶
Change in More (⋮) > Map Type:
| Type | Description |
|---|---|
| Default | Standard map |
| Satellite | Satellite imagery |
| Hybrid | Satellite + roads |
| Terrain | Terrain display |
Filters¶
Applying Filters¶
You can also apply filters on the map.
- More (⋮) > Filter
- Select category, tag, date
- Apply
Only filtered media will be shown on the map.
Filter Display¶
When filters are applied, they appear at the top.
┌─────────────────────────────────────┐
│ 🏷️ Urgent ✕ | 📅 This Week ✕ │
└─────────────────────────────────────┘
Switching to List View¶
Map → List¶
Tap the 📋 List button to switch to list format.
┌─────────────────────────────────────┐
│ ◀ Map (15) 🗺️ ⋮ │
├─────────────────────────────────────┤
│ ┌───┐ │
│ │ 📷│ Seoul, Jung-gu, Sejong-daero │
│ └───┘ 5 media items │
├─────────────────────────────────────┤
│ ┌───┐ │
│ │ 📷│ Seoul, Gangnam-gu, Teheran-ro │
│ └───┘ 3 media items │
└─────────────────────────────────────┘
List → Map¶
Tap the 🗺️ Map button to return to the map.