728x90
반응형
반응형
저번에 한 코드에서 요번에는 코로나 맵 형태로 변형을 해줄 것인데요.
1. 일단 마커를 마커 클러스터러 사용하기
마커 클러스터러를 사용하려면 그 script src에 있는 Key 값 뒤에 &Libraries=clusterer 추가를 해줘야한다.
그리고나서 카카오 맵 api 사이트에 있는 코드를 보면 var clusterer 부분이 있는데 이 부분은 마커 클러스터러를 생성해주는 부분이니 이 부분을 사용하기 위해 복사해서 붙여줄 것이다.
클러스터리에 마커들을 추가하기 위해서 for 문 위에다가 markers라는 공백 변수를 만들어줬습니다
그리고 for문 안에다가 push문을 이용하여 markers라는 변수안에 marker라는 마커를 집어 넣어준다.
그리고 맨 마지막으로 클러스터리에 마커들을 추가해주면 결과를 볼 수 있다.
저렇게 마커가 두개 있는 것처럼 보인다.
반응형
'사이드 프로젝트' 카테고리의 다른 글
코로나 맵2 (0) | 2021.11.27 |
---|---|
코로나 맵 1 (0) | 2021.11.27 |
카카오 맵 API를 활용하여 지도에 마커 설정 (0) | 2021.11.24 |
카카오 맵 api 사용하여 지도 나타내기 (0) | 2021.11.24 |
React와 Node.js로 고객 관리 시스템 만들기 2 (0) | 2021.11.22 |