레벨7 기본입니다.
줌 레벨을 8로 한번 키운겁니다.
위사진(클러스터러가 2개 있는 사진) 상태에서 줌 레벨 7로 바꾼후 다시 8로 올린 사진입니다.
윗방식처럼 다시 줌아웃(7) > 줌인(8)
윗방식처럼 다시 줌아웃(7) > 줌인(8) 이게 마지막 사진입니다.
var clusterer1 = new kakao.maps.MarkerClusterer({
map: map, // 마커들을 클러스터로 관리하고 표시할 지도 객체
averageCenter: true, // 클러스터에 포함된 마커들의 평균 위치를 클러스터 마커 위치로 설정
minLevel: 8, // 클러스터 할 최소 지도 레벨
texts: getTexts1,
});
function getTexts1(count) {
return "고가교";
}
var clusterer2 = new kakao.maps.MarkerClusterer({
map: map, // 마커들을 클러스터로 관리하고 표시할 지도 객체
averageCenter: true, // 클러스터에 포함된 마커들의 평균 위치를 클러스터 마커 위치로 설정
minLevel: 8, // 클러스터 할 최소 지도 레벨
texts: getTexts2,
});
function getTexts2(count) {
return "접속교";
}
var clusterer3 = new kakao.maps.MarkerClusterer({
map: map, // 마커들을 클러스터로 관리하고 표시할 지도 객체
averageCenter: true, // 클러스터에 포함된 마커들의 평균 위치를 클러스터 마커 위치로 설정
minLevel: 8, // 클러스터 할 최소 지도 레벨
texts: getTexts3,
});
function getTexts3(count) {
return "사장교";
}
var clusterer4 = new kakao.maps.MarkerClusterer({
map: map, // 마커들을 클러스터로 관리하고 표시할 지도 객체
averageCenter: true, // 클러스터에 포함된 마커들의 평균 위치를 클러스터 마커 위치로 설정
minLevel: 8, // 클러스터 할 최소 지도 레벨
texts: getTexts4,
});
function getTexts4(count) {
return "공구";
}
clusterer1.addMarkers(itemGogas);
clusterer2.addMarkers(itemJeopsoks);
clusterer3.addMarkers(itemSajangs);
clusterer4.addMarkers(itemGonggus);
위가 코드입니다.
레벨8이 되면 클러스터러를 보여주는 방식으로 구현 해놨는데 마지막사진처럼 바로 전부가 나오는게 아니라
계속 줌아웃 줌인을 반복해야 하나씩 추가 됩니다. 다 추가된후엔 정상으로 다 보이는데 왜 이런지 궁금합니다.