마커 펼치기로 포장 지도 UX 개선하기 : Map Projection

요기요의 포장 지도 화면에서 동일 위경도에 여러 가게가 존재할 때 발생하는 마커 겹침 문제를 해결하기 위한 UX 개선 과정을 다룹니다. 기존에는 마커가 겹치면 핀 리스트로 보완했지만, 사용자가 지도에서 직관적으로 가게를 탐색하기 어렵다는 문제가 있었습니다.

이 글에서는 Map Projection 기반의 마커 펼치기 구현 과정과 탐색 가독성을 유지하기 위한 고민을 소개합니다. 주요 개선 사항으로는 지도 이동 시 자동 재검색 기능 추가와, 지도 확대 시 겹쳐진 마커를 펼쳐 개별 선택이 가능하도록 하는 기능이 있습니다.

이를 통해 사용자는 지도 화면 이탈 없이 원하는 가게를 더 쉽고 자연스럽게 탐색하고 선택할 수 있게 되었습니다.