지도에는 수많은 POI(Point Of Interest)가 있습니다. POI는 관심 지점, 관심 지역 정보라는 뜻으로 지도에서 지하철역, 경찰서, 음식점 등 콕콕 짚어서 볼 수 있는 지명을 뜻합니다. POI들이 지도에서 너무 다닥다닥 붙어있으면 사용자가 원하는 POI를 볼 수 없고 보기에도 좋아 보이지 않습니다. 이를 해결하기 위해 저희 팀은 클러스터링 알고리즘을 적용하여 적절히 군집하였습니다. 또한 군집하는 과정을 어색하지 않게 애니메이션을 적용하였고, 여러 부가기능을 추가해서 UI, UX의 큰 개선을 이루어 냈습니다.
참고 사진
예시일 뿐 동일한 데이터는 아닙니다.
- Clustering: 군집화
- 지도 위의 데이터를 군집화 시키기 위해 알고리즘 적용
- Kim's Algorithm
- K-Means Algorithm
- 애플 지도처럼 지속적인 사용자 Interaction에 대응
- 애니메이션 선택은 입맛대로 🤔
- 기본 애니메이션
- 마커들이 슈슈슉 ☄️
- Shooting Star 💫 애니메이션
- 샤랄라 ✨ 방금 뭘 본거지? 👀
⁉️ 두 눈이 휘둥그레지는 애니메이션
- 샤랄라 ✨ 방금 뭘 본거지? 👀
- 한 몸 같은 자연스러운 Interaction
- 흡사 애플 지도, 처음 써도 익숙한 듯
- 비동기 Prefetch로 데이터 로딩은 뒤에서 바쁘게, 사용자에겐 어색하지 않게 🤫
- 알고리즘 선택 가능
- 애니메이션 선택 가능
- 마커 색상 선택 가능
기능 명세서 ⬅️ 여기서 세부 기능을 확인해주세요 😊
