마커 클러스터러 사용하기 질문입니다

샘플에 있는 마커 클러스터러 사용하기 (http://apis.map.kakao.com/web/sample/basicClusterer/)를 이용하여 마커 클러스터를 만들었는데 마커 클러스터 (숫자)가 표기 되지 않고 있습니다.
원인이 무었인지 알고 싶습니다.

아래는 샘플을 토대로 새롭게 작업한 스크립트입니다.

var map = new kakao.maps.Map(document.getElementById(‘map’), { // 지도를 표시할 div
center : new kakao.maps.LatLng(36.2683, 127.6358), // 지도의 중심좌표
level : 14 // 지도의 확대 레벨
});

var clusterer = new kakao.maps.MarkerClusterer({
    map: map, // 마커들을 클러스터로 관리하고 표시할 지도 객체
    averageCenter: true, // 클러스터에 포함된 마커들의 평균 위치를 클러스터 마커 위치로 설정
    minLevel: 10 // 클러스터 할 최소 지도 레벨
});

    var obj= {"positions" : [
                     {"lat":"37.5041457952342","lng":"126.75670653635"},
					 {"lat":"37.5025416520547","lng":"126.775312407757"},
					 {"lat":"37.4840369248427","lng":"126.782649695027"},
					 {"lat":"37.5063910880502","lng":"126.754135635056"},
					 {"lat":"37.5040647136354","lng":"126.763949321773"},
					 {"lat":"37.4848682902839","lng":"126.814294408974"},
					 {"lat":"37.5090549772014","lng":"126.745618159413"},
					 {"lat":"37.5043220835774","lng":"126.755031466805"},
					 {"lat":"37.5043180280618","lng":"126.762084138624"},
					 {"lat":"37.5158442051041","lng":"126.802410566976"}
					 ]
			};

console.log("obj.positions.length:"+obj.positions.length);
$(obj.positions).each(function(index, aas){
	console.log(index + " :::d " , aas.lat+", "+ aas.lng);
});
var markers ="";
for(var n = 0; n < obj.positions.length; n++) {
   var markerPosition  = new kakao.maps.LatLng(obj.positions[n].lat,obj.positions[n].lng); 
    markers	= new kakao.maps.Marker({
		position: markerPosition,
		map: map
	});
}
clusterer.addMarkers(markers);

클러스터러의 addMarkers에는 배열의 값이 들어가야합니다.

markers를 배열로 선언하고 반복문에서 생성하는 marker 객체를 markers에 추가한 뒤
clusterer.addMarkers(markers); 를 호출하면 클러스터러 확인할 수 있습니다.

var markers =[];
for(var n = 0; n < obj.positions.length; n++) {
   var markerPosition  = new kakao.maps.LatLng(obj.positions[n].lat,obj.positions[n].lng); 
    var marker	= new kakao.maps.Marker({
		position: markerPosition,
		map: map
	});

    markers.push(marker);
}
clusterer.addMarkers(markers);

감사합니다^^

1개의 좋아요