샘플에 있는 마커 클러스터러 사용하기 (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);