[feat] [#37] Map 화면 클러스터링 구현 및 Map Marker, Booth HorizontalPager 연동

[easyhooon]

Map화면 기본	Map화면 인기 부스	Map 화면 클러스터링 부스

• Map 내의 마커를 누를면, 하단의 HorizontalPager 에 해당 아이템의 정보가 띄워지도록 클릭 이벤트를 수정했습니다.
  • 클러스터링된 마커일 경우, 복수개의 아이템, 단일 마커일 경우 단일 아이템
• HorizontalPager 내에 각각의 부스의 대한 아이템을 누르면 부스 상세화면으로 이동하도록 수정했습니다.
• 인기 부스 아이콘 버튼을 누르면 인기 부스(Top 5)가 보여지도록 구현했습니다.
• 다시 인기 부스 아이콘을 누르면 부스 아이템들이 사라지고, 마커를 누를 경우 아이템이 교체됩니다.

---

기타)

#55 해결
#57 해결

TODO)

• 같은 속성의 Marker 들만 클러스터링 되도록 -> 클러스터링 알고리즘 자체를 수정해줘야함. 큰 공수 예상
• 클러스터링 마커 커스텀 -> 위 작업과 연관, 마찬가지로 큰 공수 예상
• 지도 중앙 위치 조정 -> 대학교가 좀 더 화면의 중심에 위치하도록, 현재는 약간 위로 치우쳐서 있는 것으로 보임. TopAppBar의 CornerRadius 를 반영하기 위해, Map이 TopAppBar의 영역을 완전히 포함하고 있는데, TopAppBar가 뚱뚱해서 상대적으로 지도의 윗부분을 많이 가리기 때문.
• 인기부스 아이템들이 보여질때, Map 내에 마커를 누를 경우, 자연스럽게 아이템이 변경되는 애니메이션을 넣어주면, 아이템이 교체되었다는 것을 더 직관적으로 알 수 있을 것 같다는 생각이 듬

[wjdtkdgns777]

부스 위치 화면에 진입 후에도 status bar 영역의 icon 이 보이지 않는 이슈가 있어 고쳐서 푸시해두겠습니다

[wjdtkdgns777]

LGTM 수고많으셨습니다!! 푸시가 아니라 리뷰로 남겼어야 했는데 다음부턴 유의하겠습니다

[easyhooon]

@wjdtkdgns777
이거 제가 양쪽으로 padding 안준 이유가 사진과 같이 화면내에서 가장 오른쪽에 보이는 chip 이 padding에 의해서 짤리는 것 때문이였거든요. 오른쪽으로 밀어버리면 제일 왼쪽 아이템이 패딩에 의해 잘리는 문제가 생겨서. 베스트는 시작 위치는 왼쪽 끝과 조금 떨어져있지만 남지만 오른쪽으로 슬라이드하면 아이템이 짤리지 않고 왼쪽 끝에 도달할 수 있는 그런 형태입니다.

패딩에 round coner 를 적용해서 좀더 자연스럽게 짤리긴했지만, 근본적으로는 design의 문제라고 생각합니다. 이럴거면 TopAppBar에 round corner 가 있으면 안되거든요