kyungpyoda / project17-a-map

네이버 Map SDK를 활용한 POI Clustering Interaction Dev

네이버 Map SDK를 활용한 POI Clustering Interaction Dev

부스트캠프 5기 5주 기업 프로젝트

🍎 팀원 소개

@SkydevilK	@yskpth91	@hoonv	@kyungpyoda
S008_김병인	S020_박태희	S058_채훈기	S064_홍경표

---

🤗 프로젝트 소개

Clustering을 활용하여 UI, UX 면에서 개선된 지도 앱을 만들기 위한 프로젝트입니다.

지도에는 수많은 POI(Point Of Interest)가 있습니다. POI는 관심 지점, 관심 지역 정보라는 뜻으로 지도에서 지하철역, 경찰서, 음식점 등 콕콕 짚어서 볼 수 있는 지명을 뜻합니다. POI들이 지도에서 너무 다닥다닥 붙어있으면 사용자가 원하는 POI를 볼 수 없고 보기에도 좋아 보이지 않습니다. 이를 해결하기 위해 저희 팀은 클러스터링 알고리즘을 적용하여 적절히 군집하였습니다. 또한 군집하는 과정을 어색하지 않게 애니메이션을 적용하였고, 여러 부가기능을 추가해서 UI, UX의 큰 개선을 이루어 냈습니다.

참고 사진

예시일 뿐 동일한 데이터는 아닙니다.

기능 소개

클러스터링

• Clustering: 군집화
• 지도 위의 데이터를 군집화 시키기 위해 알고리즘 적용
  • Kim's Algorithm
  • K-Means Algorithm

애니메이션

• 애플 지도처럼 지속적인 사용자 Interaction에 대응
• 애니메이션 선택은 입맛대로 🤔
• 기본 애니메이션
  • 마커들이 슈슈슉 ☄️
• Shooting Star 💫 애니메이션
  • 샤랄라 ✨ 방금 뭘 본거지? 👀⁉️ 두 눈이 휘둥그레지는 애니메이션

하단 풀업 뷰

• 한 몸 같은 자연스러운 Interaction
  • 흡사 애플 지도, 처음 써도 익숙한 듯
• 비동기 Prefetch로 데이터 로딩은 뒤에서 바쁘게, 사용자에겐 어색하지 않게 🤫

설정 뷰

• 알고리즘 선택 가능
• 애니메이션 선택 가능
• 마커 색상 선택 가능

⚙️ 기능 명세서

기능 명세서 ⬅️ 여기서 세부 기능을 확인해주세요 😊

💡 기술 특장점

기술 특장점

---

Documents

팀 Ground Rules

개발 Ground Rules

기능 명세서

기술 특장점