다음 카카오에서 제공하는 daum map api중에서 markerclusterer를 사용하고자 하는데요,
아래는 다음에서 제공하는 형태입니다.
var map = new daum.maps.Map(document.getElementById('map'), { // 지도를 표시할 div
center : new daum.maps.LatLng(36.2683, 127.6358), // 지도의 중심좌표
level : 14 // 지도의 확대 레벨
});
// 마커 클러스터러를 생성합니다
var clusterer = new daum.maps.MarkerClusterer({
map: map, // 마커들을 클러스터로 관리하고 표시할 지도 객체
averageCenter: true, // 클러스터에 포함된 마커들의 평균 위치를 클러스터 마커 위치로 설정
minLevel: 10 // 클러스터 할 최소 지도 레벨
});
======================================================
아래는 제가 적용한 방식입니다.
const mapContainer = document.getElementById('map');
const mapOption = {
center : new window.daum.maps.LatLng(37.497954, 127.027046),
level : 8
};
const map = new window.daum.maps.Map(mapContainer,mapOption);
//줌아웃시 마커 중앙점에 군집으로 표시
const engineerClusterer = new window.daum.maps.MarkerClusterer({
map: map, // 마커들을 클러스터로 관리하고 표시할 지도 객체
averageCenter: true, // 클러스터에 포함된 마커들의 평균 위치를 클러스터 마커 위치로 설정
minLevel: 10 // 클러스터 할 최소 지도 레벨
});
==========================================================
별 차이없이 사용하고자 하는데 아래와 같은 에러가 발생합니다.
[TypeError: window.daum.maps.MarkerClusterer is not a constructor]
왜 그럴까요 ㅠㅠ