[x] MapSideBar 컴포넌트에 선택한 홈 구장 주변의 업체 정보 출력 및 숙박 업소 / 식당 카테고리 분리
[x] MapSiderBar Button 클릭 시 원하는 카테고리만 선택
[x] 홈 구장 반경 10km 내로 보여주도록 설정
ETC
HomePage.jsx 에서 선택한 구단의 장소 목록 중 한 장소를 선택할 경우에, 그 장소를 기준으로 홈 구장과 10개의 장소의 좌표에 마커를 표시하도록 구현했습니다.
MapSideBar 컴포넌트에서 중심 좌표를 기준으로 반경 10km 내의 업체를 10개 보여줍니다.
Map.jsx 컴포넌트가 렌더링 되는 시점에 지도 API와 TourAPI 요청에 의존을 하고 있어 종종 오류가 발생합니다.
이를 해결하기 위해서, Map.jsx 에 Suspense 를 추가했습니다. 이는 요소들의 렌더링이 끝나기 전에 다른 요소들의 렌더링을 가능하게 해주어 오류를 방지합니다.
지도를 표시할 영역을 정의한 요소의 이름을 보다 직관적으로 변경했습니다. (MapDiv -> MapContainer)
컴포넌트의 이름을 직관적으로 변경했습니다. (SideBarButton -> MapSideBarButton)
MapSideBarButton 에서 숙박 / 식당 목록 버튼을 클릭하면 각각 목록을 조회할 수 있습니다.
Description
Tour API 이용해 지도 우측 리스트에 장소 표시
To-Do
ETC
up-to-date
???