핵심 요약
요기요가 Map Projection 기반으로 동일 위치의 가게 마커를 원형으로 펼쳐 탐색 가독성을 개선했고, 지도 이동 시 자동 재검색 및 2-depth 원형 배치를 도입해 흐름을 유지했습니다.
구현 방법
- 좌표 변환: 기준 위경도(baseLatLng)에서 지도 화면 좌표로 변환하고, dx, dy를 적용한 뒤 다시 위경도로 변환
- 배치 방식: 최대 8개까지 펼치고, 2-depth로 겹친 원형을 활용해 정사각형 형태로 구성
- 거리 계산: radius = distance × factor, angle = 2π × index / maxIndex, dx, dy 계산
- 확대/축소 반경 스케일링: radiusPx = standardRadiusPx × 2^(현재ZoomLevel − 표준ZoomLevel)
- 자동 재검색: 지도 이동 시 결과가 자동으로 갱신되도록 구현
주요 결과
- 탐색 흐름이 자연스러워지고 마커 선택이 쉬워짐
- CVR, GMV 등 핵심 지표가 긍정적으로 개선
