안녕하세요.
클러스터 마크 클릭 시 중앙으로 표시하기 위해 anchor옵션을 사용했는데 정상적으로 동작하지 않아 여쭤봅니다.
아래는 작업한 코드입니다.
var mapContainer = document.getElementById('map'),
mapOption = {
center: new daum.maps.LatLng(result[0].y, result[0].x),
level: 5
};
// 지도 생성
var map = new daum.maps.Map(mapContainer, mapOption);
// 마커 클러스터러를 생성합니다
var clusterer = new daum.maps.MarkerClusterer({
map: map,
averageCenter: true,
minLevel: 1,
disableClickZoom: true
});
// 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다
var zoomControl = new daum.maps.ZoomControl();
map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);
// 지도 마우스 드래그 이벤트
daum.maps.event.addListener(map, 'dragend', function () {
getMapByRange();
});
// 지도 확대 이벤트
daum.maps.event.addListener(map, 'zoom_changed', function () {
getMapByRange();
});
// 클러스터 마크 클릭 이벤트
daum.maps.event.addListener(clusterer, 'clusterclick', function (cluster) {
map.setLevel(map.getLevel() - 1, { anchor: cluster.getCenter(), animate: true });
});