9135
1
[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
안녕하세요,
카카오 지도 JavaScript API를 이용하여 마커 클러스터 기능을 구현 중입니다.
현재 전체 마커 데이터를 클러스터링하여 지도에 표시하고 있는데,
특정 줌 레벨(예: 줌아웃 상태)에서 클러스터 중심이 실제 마커들이 있는 지역(예: 서울, 경기 등)이 아니라,
남쪽 바다 근처를 중심으로 잡는 현상이 발생하고 있습니다.
즉, 사용자 위치와 무관하게, 클러스터 마커들이 존재하는 지점이 지도에 제대로 표시되지 않고 전체적으로 바다 쪽으로 지도가 쏠리는 문제가 있습니다.
문의사항:
- 클러스터러가 자동으로 중심좌표를 계산할 때, 어떤 기준(중심 클러스터 좌표 평균 등)을 사용하는지요?
- 전체 클러스터 범위를 기준으로
map.setBounds()나 map.setCenter()를 수동 설정하지 않아도 자동으로 적절한 중심과 줌 레벨이 설정되어야 하는 것으로 알고 있는데, 이 계산이 왜 바다로 쏠리는지 원인을 알 수 있을까요?
- 혹시 클러스터 마커 내부 좌표 계산 중 무효 좌표(예: 0,0이나 잘못된 위경도)가 포함되면 이런 일이 발생할 수 있을까요?
추가 정보:
- 사용 API: 카카오 맵 JS SDK (
@kakao/kakao-maps-sdk 사용 중)
- 클러스터 마커는 React에서 동적으로 생성
- 실제 마커 데이터는 수도권 위주
- 클러스터 마커 렌더링 이후 지도 중심이 남쪽 바다로 쏠리는 문제
스크린샷 첨부하여 참고 부탁드립니다.
해당 문제에 대한 원인 분석 및 해결 방법 가이드 부탁드립니다.
감사합니다.
C.L
2
@9135
안녕하세요,
마커클러스터러 사용 시
averageCenter Boolean : 마커들의 좌표 평균을 클러스터 좌표 설정 여부 (default : false)
옵션을 사용할 수 있습니다.
https://apis.map.kakao.com/web/sample/basicClusterer/
그리고 커스텀 오버레이로 사용될 때 줌인/줌아웃 시
xAnchor, yAnchor 값이 영향을 줄 수 있습니다.
마지막으로,
캡쳐해주신 화면을 보면
지도 하단에 표시되어야 할 kakao CI 가 가려져서 보이지 않도록 구현된 것으로 보입니다.
kakao CI 는 상시 노출되도록 사용해주시길 부탁드립니다.
감사합니다.
