지도 인터페이스¶
지도 화면의 구성과 사용법을 안내합니다.
화면 구성¶
┌─────────────────────────────────────┐
│ ◀ 지도 🔍 📋 ⋮ │ ← 상단 바
├─────────────────────────────────────┤
│ │
│ 📍(5) │
│ 📍(3) │
│ 📍(12) │ ← 지도 영역
│ 📍(8) │
│ 📍 │
│ │
├─────────────────────────────────────┤
│ ➕ ⦿ ➖ │ ← 컨트롤
└─────────────────────────────────────┘
상단 바¶
| 요소 | 설명 |
|---|---|
| ◀ 뒤로 | 이전 화면으로 돌아가기 |
| 🔍 검색 | 위치/주소 검색 |
| 📋 목록 | 지도 대신 목록 보기 |
| ⋮ 더보기 | 추가 옵션 |
지도 영역¶
마커¶
미디어가 촬영된 위치에 마커가 표시됩니다.
| 마커 유형 | 설명 |
|---|---|
| 📍 | 단일 미디어 위치 |
| 📍(5) | 클러스터 (5개 미디어) |
클러스터¶
가까운 위치의 미디어들은 클러스터로 묶여서 표시됩니다.
- 숫자는 해당 위치의 미디어 개수
- 탭하면 확대되거나 목록 표시
지도 조작¶
이동¶
- 드래그: 지도 이동
- 핀치: 확대/축소
확대/축소¶
| 방법 | 동작 |
|---|---|
| 핀치 아웃 | 확대 |
| 핀치 인 | 축소 |
| 더블 탭 | 확대 |
| 두 손가락 탭 | 축소 |
| ➕ / ➖ 버튼 | 확대/축소 |
내 위치¶
⦿ 내 위치 버튼을 탭하면:
- 현재 위치로 지도 이동
- 현재 위치에 마커 표시
마커 인터랙션¶
마커 탭¶
마커를 탭하면:
단일 마커:
┌─────────────────────────────────────┐
│ ┌───┐ │
│ │ 📷│ IMG_20240115_143022.jpg │
│ └───┘ 2024.01.15 14:30 │
│ 시공현장 | 긴급, 1층 │
└─────────────────────────────────────┘
클러스터 마커: - 확대되어 개별 마커 표시 - 또는 해당 위치 미디어 목록 표시
미디어 미리보기¶
마커 탭 시 미디어 미리보기가 표시됩니다.
- 탭: 상세 화면 열기
- 스와이프: 같은 위치 다른 미디어
지도 유형¶
더보기(⋮) > 지도 유형에서 변경:
| 유형 | 설명 |
|---|---|
| 기본 | 일반 지도 |
| 위성 | 위성 사진 |
| 하이브리드 | 위성 + 도로 |
| 지형 | 지형 표시 |
필터¶
필터 적용¶
지도에서도 필터를 적용할 수 있습니다.
- 더보기(⋮) > 필터
- 카테고리, 태그, 날짜 선택
- 적용
필터된 미디어만 지도에 표시됩니다.
필터 표시¶
필터가 적용되면 상단에 표시됩니다.
┌─────────────────────────────────────┐
│ 🏷️ 긴급 ✕ | 📅 이번 주 ✕ │
└─────────────────────────────────────┘
목록 보기 전환¶
지도 → 목록¶
📋 목록 버튼을 탭하면 목록 형태로 전환됩니다.
┌─────────────────────────────────────┐
│ ◀ 지도 (15) 🗺️ ⋮ │
├─────────────────────────────────────┤
│ ┌───┐ │
│ │ 📷│ 서울특별시 중구 세종대로 │
│ └───┘ 5개 미디어 │
├─────────────────────────────────────┤
│ ┌───┐ │
│ │ 📷│ 서울특별시 강남구 테헤란로 │
│ └───┘ 3개 미디어 │
└─────────────────────────────────────┘
목록 → 지도¶
🗺️ 지도 버튼을 탭하면 지도로 돌아갑니다.