pile·
모바일·요기요요기요·

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

문제포장 지도에서 동일한 위경도의 여러 가게 마커가 겹쳐 사용자가 개별 가게를 선택하지 못하고 탐색 흐름에서 이탈했다.
접근Map Projection으로 위경도를 지도 화면 좌표로 변환 후 원형 배치(반경 × cos/sin 각도) 계산을 클라이언트에서 실시간 처리. 최대 8개까지 2 depth 원형으로 균등 분산하고, Zoom Level에 따라 펼침 반경을 스케일링해 가독성을 유지했다.
결과동일 위치 가게들이 지도 상에서 분리 표시돼 직관적 선택이 가능해졌고, 서버 연산 없이 클라이언트 실시간 계산으로 지도 이동 시 자동 재검색도 안정적으로 처리된다.
요기요
요기요 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 모바일·당근당근 테크블로그·

    웹뷰 다음의 레일을 깔다: 당근이 Lynx를 선택한 이유

    당근 프론트엔드코어팀이 WebView 기반 화면의 첫 프레임 렌더링 문제를 해결하기 위해 Lynx를 도입한 기록이다. 레퍼런스가 거의 없는 기술을 코드베이스 직접 분석으로 검증한 뒤 프로덕션에 적용했고, 1.9백만 사용자 A/B에서 Android 18%, iOS 37%의 첫 프레임 단축을 달성했다.

    요약 이어보기
    #cross-platform#webview#mobile-performance+2
  2. 모바일·토스 SLASH토스 SLASH·

    토스의 디바이스 팜 만들기

    토스가 각 팀이 각자 운영하던 작은 디바이스 팜을 하나의 중앙 플랫폼 '네뷸라(Nebula)'로 통합한 과정을 다룬다. Appium 대신 자체 드라이버를 개발해 클릭 13.5배, 텍스트 입력 10배의 성능을 달성했고, Android와 iOS 미러링도 직접 내재화해 실기기 원격 조작과 화면 실시간 공유를 동시에 가능하게 만들었다. 현재 100대를 넘어 수백 대를 향해 24시간 가동 중이다.

    요약 이어보기
    #android#ios#appium+2