마커 펼치기로 포장 지도 UX 개선하기 : Map Projection
스토리 · 요기요 테크 · 2026.01.15
요기요 모바일팀에서 동일한 위경도에 여러 가게가 입점해 있을 때 마커가 겹쳐 발생하는 UX 문제를 Map Projection 기술을 통해 해결한 사례를 소개해 드립니다. 기존에는 마커가 겹치면 사용자가 가게를 선택하기 어려워 탐색 흐름이 끊기는 문제가 있었으나, 이를 해결하기 위해 클라이언트 단에서 Map Projection을 활용하여 마커를 원형으로 균등하게 펼쳐 보여주는 방식을 도입했습니다. 특히 위경도 좌표계의 왜곡을 방지하기 위해 화면 좌표계를 기준으로 계산하는 로직을 적용하였으며, Zoom Level에 따른 반경 스케일링과 마커 개수 제한(최대 8개) 등의 최적화를 통해 가독성을 확보했습니다. 이러한 개선을 통해 사용자의 탐색과 선택이 자연스러워졌으며, 결과적으로 CVR 및 GMV와 같은 핵심 지표에서도 긍정적인 성과를 거둘 수 있었습니다.