[2차] Airbnb 클론 프로젝트 #2 숙소 리스트 지도 마커 출력

chyoon0512·2021년 4월 3일
0

오늘 4.22 일 00:20분에 성공한 리스트에 있는 숙소 좌표값을 지도에 직접 마커로 표시한 기능 여기서 에어비엔비는 마커가 34,000처럼 나오기 때문에 이거 때문에 많이 좀 힘들었다.

시도했던 방법들

1. google-maps-react 라이브러리 ❌

처음 시도했던 라이브러리로 간단하게 사용할 수 있다는 장점이 있었지만 마커 부분을 커스터마이징 하기가 너무 어려웠다.
StackOverflow를 봐도 잘 모르겠는.. (영어의 필요성을 절실히 느끼게 된 계기😭)

2. google-map-react 라이브러리 ✅

두 번째로 시도한 라이브러리로 이렇게 하면 될 것 같은데?? 해서 해보니 아주 잘 되었다.

다음으로 해야할 기능

  • 숙소 리스트에 hover 했을 때 지도에서 해당 숙소 가격 마커 부분 Hover 기능

0개의 댓글