반응형 4주프로젝트 TIL1 지도 페이지 미리 작업중: tourAPI와 카카오맵 연동시킴,4주 프로젝트 + 6, 코드스테이츠 +130 그동안 SR을 하며 시간날때마다 관광지 tourAPI와 카카오맵을 연동하는 방법을 연구했다. 카카오맵과 TourAPI를 이용한 지도 클릭한 지점 반경 10km의 관광지들을 표시, 2주프로젝트때 사용했던 검색기능 유지 1. 로딩화면 2. 지도에 클릭들을 해봄 지점 클릭시 반경 10km 관광지 표시, 마커에 mouseover, mouseout 이벤트핸들러 등록, 2주프로젝트때 사용했던 검색기능 유지 설명 1. App.js에서 geolocation함수를 이용하여 사용자 위치 획득, 리덕스로 lon, lat에 좌표저장 좌표를 받아오기 전에 컨테이너를 렌더링하면 아래 화면에서 진행이 되지 않으므로, 좌표획득하기 전까지는 컨테이너가 렌더링되도록 한다. 2. 좌표 반경 10km의 관광지 좌표를 kakaoMap에 전달.. 2021. 11. 28. 이전 1 다음 반응형