라이브러리 사용시 Uncaught TypeError: kakao.maps.MarkerClusterer is not a constructor 에러가 나옵니다. 도움부탁드립니다!

[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
https://devtalk.kakao.com/t/faq-api/125610

마커 클러스터러 사용하기 예제를 변경없이 적용하였는데 에러가 나옵니다.ㅠㅠ

image

Uncaught TypeError: kakao.maps.MarkerClusterer is not a constructor
    at parcelRequire.js/ex.js.axios (ex.js:48:17)
    at newRequire (ex.4a90902d.js:47:24)
    at ex.4a90902d.js:81:7
    at ex.4a90902d.js:120:3

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

====> var clusterer = new kakao.maps.MarkerClusterer({//});

로 변경하면 가능하다고 해서 시도해보았지만 역시 같은 에러가 나옵니다.

라이브러리 : 마커클러스터

라이브러리 html 에 적용해놓았습니다.

예제에 올려진 코드입니다.
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({//});

var clusterer = new kakao.maps.MarkerClusterer({

map: map, // 마커들을 클러스터로 관리하고 표시할 지도 객체

averageCenter: true, // 클러스터에 포함된 마커들의 평균 위치를 클러스터 마커 위치로 설정

minLevel: 10 // 클러스터 할 최소 지도 레벨

});

// 데이터를 가져오기 위해 jQuery를 사용합니다

// 데이터를 가져와 마커를 생성하고 클러스터러 객체에 넘겨줍니다

$.get("…/json/exmap.json", function(data) {

// 데이터에서 좌표 값을 가지고 마커를 표시합니다

// 마커 클러스터러로 관리할 마커 객체는 생성할 때 지도 객체를 설정하지 않습니다

var markers = $(data.positions).map(function(i, position) {

    return new kakao.maps.Marker({

        position : new kakao.maps.LatLng(position.lat, position.lng)

    });

});

// 클러스터러에 마커들을 추가합니다

clusterer.addMarkers(markers);

});

어떻게 해야 해결할 수 있을까요?? 도움부탁드립니다!

@jofmjh

스크립트 호출 시

libraries=clusterer

부분을 정확히 추가하셨는데도 해당 에러가 발생한다는 말씀이신지요?

1개의 좋아요

감사합니다