http://y961290.ivyro.net/
자꾸 질문을 드려서 죄송합니다.
주신 예제로 잘 작성했다고 생각하고 실행해보았으나 여러개의 인포윈도우를 생성했을때
여전히 마지막에 열린 인포윈도우만 닫아지고 카피기능은 처음에 연것이 카피가되네요.
코드 좀 살펴봐주시면 감사하겠습니다.
컨텐츠에다 삭제버튼이랑 카피버튼 추가하는 내용입니다.
// 지도를 클릭했을 때 클릭 위치 좌표에 대한 주소정보를 표시하도록 이벤트를 등록합니다
kakao.maps.event.addListener(map, 'click', function(mouseEvent) {
searchDetailAddrFromCoords(mouseEvent.latLng, function(result, status) {
if (status === kakao.maps.services.Status.OK) {
var detailAddr1 = !!result[0].road_address ? '<div class=cont_wrap1>'+ result[0].road_address.address_name + '</div>' : '';
detailAddr2= '<div class=cont_wrap2>'+ result[0].address.address_name + '</div>';
var latlng = mouseEvent.latLng;
// 마커를 클릭한 위치에 표시합니다
marker.setPosition(mouseEvent.latLng);
marker.setMap(map);
var message1 = '<div class="cont_wrap3">'+'위도:' + latlng.getLat()+ '</div>';
message2= '<div class="cont_wrap4">'+'경도:' + latlng.getLng() +'</div>';
var cont = '<div id="info2">'+detailAddr2 + detailAddr1 + message1 + message2+'</div>';
var contents = document.createElement('div');
contents.innerHTML = cont;
contents.style.cssText = 'width: 250px; height: 160px; border-radius:5px';
var closeBtn = document.createElement('div');
closeBtn.onclick = function () {
innfowindow.close(null);
};
closeBtn.style.cssText = 'position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url("https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png")';
contents.appendChild(closeBtn);
var copyBtn = document.createElement('button');
copyBtn.innerHTML = 'copy';
copyBtn.onclick = function copyDivToClipboard() {
var range = document.createRange();
range.selectNode(document.getElementById("info2"));
window.getSelection().removeAllRanges(); // clear current selection
window.getSelection().addRange(range); // to select text
document.execCommand("copy");
window.getSelection().removeAllRanges();// to deselect
alert("copied");
};
copyBtn.style.cssText = 'padding:5px;font-size:15px; border-radius:5px; border:0; background-color:darkgrey; color: #000; opacity: 0.5;position: absolute;right: 5px;bottom: 5px';
contents.appendChild(copyBtn);
// 인포윈도우에 클릭한 위치에 대한 법정동 상세 주소정보를 표시합니다
innfowindow = new kakao.maps.InfoWindow({
content:contents
});
innfowindow.open(map, marker);
}
});
});```