Ajax로 다중 마커와 함께 커스텀 오버레이를 생성 시 문제가 생겨서 문의드립니다

content를 생성하는 부분을 아래와 같이 바꿔주세요.

var closeOverlay = function() {
    overlay.setMap(null);
};

var $wrap = $('<div class="wrap" />');
var $info = $('<div class="info" />');
var $title = $('<div class="title" />').text(response.data[index].name);
var $close = $('<div class="close" title="닫기" />').click(closeOverlay);
var $body = $('<div class="body" />'); // body 안쪽은 생략

$wrap.append($info);
$info.append($title).append($body);
$title.append($close);

var content = $wrap[0];
var overlay = new kakao.maps.CustomOverlay({
    content: content,
    map: map,
    position: marker.getPosition()
});
1개의 좋아요