직방같은 사이트를 만들려고 하는데

JSON 값을 받아와서 마커를 등록하는것 까지는 예제들을 보면서 구현 했습니다
하지만 제가 원하는건 직방처럼 지도에서 보이는 마커들만 우측에 게시글 형태로 뿌려주고 싶은데

이런 기능에 대한 힌트라던지 없을까요…?

해당 질문은 지도 API관련된 것은 아니고 프로그램 개발 관련된 전반적인 내용으로 보입니다.

게시글을 옆에 뿌린다는 것은 각 게시글마다 key값이 있을 것이고,
이 key값은 마커와 1:1로 매칭이 될것이라 보입니다.
마커와 key값을 하나의 데이터 셋으로 해서 데이터 모델을 만들고,
(마커라고 적었지만 마커가 찍힐 좌표로 봐도 되죠)

저희 지도 API를 보시면
https://apis.map.kakao.com/web/documentation/#LatLngBounds_getNorthEast

getNorthEast, getSouthWest 라는 API가 있습니다.
이 함수는 현재 지도의 보이는 영역에 대해서 좌하단, 우상단의 좌표값을 리턴해 주는 것으로,
화면에 보여지는 마커들을 위 좌표로 AABB 박스 테스트를 해보세요.
(단순히 southWest, northEast 들의 좌표값과 마커의 좌표값들을 비교해서 크고 작고만 보심 됩니다)

이렇게 필터링된 마커리스트가 나오면, 마커에 매핑된 key값을 통해 게시글 리스트 불러와서 그려주면 될것 같습니다.

또는

애초에 데이터를 서버에서 받을때 southWest, northEast 값을 전달해서, 서버에서 연산후에, 화면에 보일 수 있는 데이터만 내려서 마커를 그리고, 게시글을 옆에다가 표출해도 상관은 없을 것 같습니다.

어떤게 더 편하고 효율적일지는 서비스마다 다르기 때문에 정답은 없습니다.
이외에도 다른 방법이 더 있을 수 있구요.

1개의 좋아요

답변 너무 감사합니다 !!! ㅜㅠㅠㅠ