다중마커 오버레이 질문드립니다

안녕하세요! 다중마커 오버레이 기능을 구현하고 있는데
작은 문제가 있어서 질문드립니다!

최초 맵 로딩시 오버레이가 전부 열리게 됩니다.
30

근데 저는 최초 로딩시 이렇게 마커만 나오게 하고 싶습니다.

23

disabled: true, 을 써보았지만 변동이 없습니다.
카카오맵에서 제공되는 함수를 사용해야 되는거 같아서 질문 드립니다…!
아래는 제 코드입니다. 답변주시면 감사하겠습니다!

positions.forEach(function(pos) {
      var marker = new daum.maps.Marker({
        map: map, 
        position: pos.latlng
      });
      
      var overlay = new daum.maps.CustomOverlay({
        disabled: true,
        position: pos.latlng
      });
      
      var content = document.createElement('div');
      content.className = 'overlay';
      content.innerHTML = '파크 :D';

      var closeBtn = document.createElement('button');
      closeBtn.src = "close.png";
//       closeBtn.className += ' close';
      closeBtn.onclick = function() { overlay.setMap(null); };
      content.appendChild(closeBtn);
      
      overlay.setContent(content);
      overlay.setMap(map);
      overlay.disabled = true;
      
	    daum.maps.event.addListener(marker, 'click', function() {
	      overlay.setMap(map);
	    });
      
    });
// .
// ..
// ...
var overlay = new daum.maps.CustomOverlay({
//    disabled: true, <= 이건 어디서 보셔서 쓴 걸까요...
    position: pos.latlng
});

// ...
// ...
// ...

overlay.setContent(content);
//overlay.setMap(map); <= 이 줄을 지워주셔야 처음에 지도에 뜨지 않습니다.
//overlay.disabled = true; <= 문서에 없는 기능입니다.
// ...
// ..
// .

disabled: true 는 어떤 API 문서에서 보신 옵션인지는 모르겠으나 카카오 지도 JS API에서는 유효하지 않은 기능입니다.

http://apis.map.daum.net/web/documentation/#CustomOverlay

샘플에는 모든 API 및 옵션 설정들이 다 담겨있지 않습니다.
따라서 원하는 기능을 구현하실때 문서를 참고하시는게 이 후의 진행에도 많이 도움이 되실 겁니다.

1개의 좋아요

disabled: true 이건 카카오에서 보고 쓴게 아니고 그냥 제가 이렇게 하면 될까 해서 써봤습니당…

문서 참고해서 작업하도록 하겠습니다.
항상 친절하게 답변해주셔서 감사합니당 ㅠ.ㅠ! 수고하세요^^!

1개의 좋아요