커스텀 오버레이에서 닫기 버튼이 안눌립니다

//마커 클릭 시에 좌표를 반환합니다
function SendLocation(Lat, Lng){
document.getElementById(“showElm”).innerHTML = "위도 : " + Lat + ‘
’ + "경도 : " + Lng + ‘
’;
console.log(Lat);
console.log(Lng);

// 마커 위에 커스텀오버레이를 표시합니다
// 마커를 중심으로 커스텀 오버레이를 표시하기위해 CSS를 이용해 위치를 설정했습니다
var overlay = new kakao.maps.CustomOverlay({
content: content,
map: map,
position: new kakao.maps.LatLng(Lat, Lng),
});
}

// 마커를 클릭했을 때 커스텀 오버레이를 표시합니다
kakao.maps.event.addListener(marker, ‘click’, function() {
overlay.setMap(map);
});

// 커스텀 오버레이를 닫기 위해 호출되는 함수입니다
function closeOverlay() {
overlay.setMap(null);
}

지도 API 활용해서 만들고있는데, 일단 틀은 이렇게 만들어놨고 닫기버튼은

'

이런식으로 구현해놨는데, 버튼을 눌러도 닫히지가 않네요 ㅜㅜ 왜 이러는걸까요?

아래 예제와 답변에 있는 소스 코드 참고해서 로직을 수정해주세요.
https://apis.map.kakao.com/web/sample/removableCustomOverlay/