스파르타코딩클럽 내일배움캠프 TIL61

한재창·2023년 1월 26일
0

프로젝트

  • 내 주변 반경 1km 안에 있는 주유소 찾기
  • 지도 컴포넌트는 팀원 상권님께서 만들어 놓음

내 주변 반경 1km 안에 있는 주유소 찾기

  • 지도에서 현재 위치의 반경 1km를 설정한다.
  • markers는 지도에서 마커 표시가 된 주유소이다.
  • 마커 표시 된 주유소 중에서 원 안에 있는 것들의 좌표를 새로운 배열에 넣어준다.

  • 원 안에 있는 좌표들을 for 문을 돌려서 getPosition()으로 가져온 데이터를 lat,lng로 바꿔준다.
  • api를 호출해서 가져온 데이터와 원 안의 있는 위도, 경도가 같은 것들만 필터해서 새로운 배열에 넣어준다.

  • 필터된 데이터를 map() 함수를 통해 메인페이지에 카드 형식으로 나열한다.
  • 클릭하면 디테일 페이지로 이동하도록 설정한다.

profile
취준 개발자

0개의 댓글