Naver Map
아키텍처
react-native-naver-map 브릿지 구조, 렌더링 파이프라인, 오버레이 시스템 상세
아키텍처
전체 레이어 구조
React Native 앱에서 네이버 지도 SDK까지의 데이터 흐름입니다.
컴포넌트 계층 구조
NaverMapView를 루트로 모든 오버레이가 children으로 구성됩니다.
카메라 제어 흐름
카메라 조작 시 JS → Native → SDK 간의 통신 흐름입니다.
클러스터링 처리 구조
클러스터링은 네이티브 레이어에서 처리되어 JS 스레드 부하를 최소화합니다.
클러스터링 계산은 네이티브 레벨에서 수행되므로 수천 개의 마커도 JS 스레드 부하 없이 처리됩니다.
마커 렌더링 파이프라인
마커 유형에 따라 렌더링 경로가 달라집니다.
위치 추적 상태 머신
위치 추적 모드는 4가지 상태를 가집니다.
| 모드 | 위치 표시 | 카메라 추적 | 방향 추적 |
|---|---|---|---|
None | - | - | - |
NoFollow | ✓ | - | - |
Follow | ✓ | ✓ | - |
Face | ✓ | ✓ | ✓ |
좌표 변환
화면 좌표와 위경도 좌표 간 변환은 네이티브 SDK를 통해 수행됩니다.