카카오 맵 api 마커를 클러스터러 형태로 나타내기

반응형

저번에 한 코드에서 요번에는 코로나 맵 형태로 변형을 해줄 것인데요.

 

1. 일단 마커를 마커 클러스터러 사용하기

 

마커 클러스터러를 사용하려면 그 script src에 있는 Key 값 뒤에 &Libraries=clusterer 추가를 해줘야한다.

그리고나서 카카오 맵 api 사이트에 있는 코드를 보면 var clusterer 부분이 있는데 이 부분은 마커 클러스터러를 생성해주는 부분이니 이 부분을 사용하기 위해 복사해서 붙여줄 것이다.

클러스터리에 마커들을 추가하기 위해서 for 문 위에다가 markers라는 공백 변수를 만들어줬습니다

그리고 for문 안에다가 push문을 이용하여 markers라는 변수안에 marker라는 마커를 집어 넣어준다.

 

그리고 맨 마지막으로 클러스터리에 마커들을 추가해주면 결과를 볼 수 있다.

저렇게 마커가 두개 있는 것처럼 보인다.