Skip to content

[Feat] 네컷지도 화면 구현 with Naver Maps SDK #29

@Remaked-Swain

Description

@Remaked-Swain

🔥 Issue 내용

주요 탭 화면 중 하나인 네컷지도(포토부스 지도) 화면을 구현합니다.

주요 작업 사항

  1. Naver Maps SDK 연동: 지도 표시 및 기본 설정.
  2. NekiSheet 리팩토링: 포토부스 상세 정보 표시 시 Sheet 동작 제어(Detents) 로직 개선.
  3. 가까운 순 목록 UI: 하단 시트 내 리스트 UI 및 셀 디자인 구현.
  4. 현 위치 로직: 지도 카메라 이동 및 현 위치 추적 버튼 활성/비활성 로직 구현.
  5. 지도-시트 인터랙션: 시트 상태(Detents)와 지도 카메라(Center) 간의 동기화 처리.
  6. 상세 정보 화면: 핀/셀 탭 시 나타나는 상세 정보 뷰 및 닫기 기능 구현.
  7. 길찾기 연동: 외부 지도 앱(구글, 네이버, 카카오)으로 연결하는 브릿지 구현.

✅ To-do

  • Naver Maps SDK 프로젝트 설정 및 지도 뷰 띄우기
  • 현재 위치 권한 요청 및 CLLocationManager 설정
  • 지도 뷰 위에 '현 위치 이동' 버튼 UI 배치 및 로직 구현 (User Tracking Mode)
  • NekiSheet 리팩토링: presentationDetents.hidden(혹은 최소화) 케이스 추가 로직 구상
  • 가까운 순 목록 표시를 위한 더미 데이터 및 리스트 UI 구현 (LazyVStack 등 활용)
  • 리스트 내 셀(Cell) 디자인 및 이미지 에셋 추가
  • 지도 마커(Pin) 탭 이벤트 핸들링: 클릭 시 NekiSheet 숨김 & 상세 뷰 표시
  • 리스트 셀 탭 이벤트 핸들링: 클릭 시 상세 뷰 표시
  • 상세 정보 화면 모달(또는 오버레이) UI 및 닫기 버튼 구현
  • 길찾기 버튼 액션 구현: URLScheme을 활용한 외부 지도 앱(네이버, 카카오, 구글) 연동

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions