클러스터러 안에 마커를 담는 방법 문의

지도/로컬 API
#1

지도/로컬 API에 대한 문의게시판입니다.

마커들의 정보를 리스트에 담아서

clusterer.addMarkers(리스트);

이렇게 사용한다면 안되고 하나씩 마커의 값을 넣어주어야 하나요?

#2

마커 객체를 담은 배열을 addMarkers API를 이용해서 추가할 수 있습니다.
문서도 참고해주세요.
https://apis.map.kakao.com/web/documentation/#MarkerClusterer_addMarkers

#3 
    var marklist = [];

    // 주소-좌표 변환 객체를 생성합니다
    var geocoder = new kakao.maps.services.Geocoder();

    $.getJSON("../jsonall.json", function(positions) {

    $(positions).map(function(i, position) {

      geocoder.addressSearch(position.주소, function(result, status) {

        // 정상적으로 검색이 완료됐으면 
        if (status === kakao.maps.services.Status.OK) {

          var coords = new kakao.maps.LatLng(result[0].y, result[0].x);

          // 결과값으로 받은 위치를 마커로 표시합니다
          var marks = new kakao.maps.Marker({
            map: map,
            position: coords
          });

          marklist.push(marks);
            
        }

      }); 

    });


    console.log(marklist);

    // 클러스터러에 마커들을 추가합니다
    clusterer.addMarkers(marklist);

  });

로 코드를 작성하였을 때 지도에 마커도 표시가 되고 콘솔로 마커의 정보를 확인할 수 있는데 클러스터러가 생성되지 않습니다.

#4

아래 답변 참고해서 로직을 수정해주세요.

1개의 좋아요