Infowindow를 닫을려면

[wonypark]

도움 많이 받고 있습니다.
복수개의 마커를 표시하고, 각각의 마커를 클릭하면 해당 내용의 infowindow표시하고,
다시 마커를 한번 더 클릭하면 infowindow.close()는 잘되고 있습니다.
listener event에선 손쉬운데

infowindow 의 content를 CSS등으로 짜고, 그곳에 '닫기’를 넣고 싶습니다.

그렇게 할려면 어떤 infowindow인지를 찾아야 하는데 어떻게 찾을수 있는지요?
부탁드립니다.

[wonypark]

removable : true
이것 하나 넣으니까 X박스 생기고, 힘들게 할필요가 없이 다 해결되는군요.

[doji.doo]

맞습니다. InfoWindow에는 간단히 닫기 버튼을 올릴 수 있습니다.
하지만 보셨다시피… 그 와꾸가 별로 예쁘진 않아요.

결국 많은 사용자분들이 내부 Content의 스타일을 자유롭게 지정할 수 있는 CustomOverlay를 사용하시는데
그 때에는 아래 링크들을 참조를 참조해 주시면 되겠습니다.

http://apis.map.daum.net/web/sample/removableCustomOverlay/

닫기가 가능한 커스텀 오버레이

크흡… 위에 제 답변이… 내용적으로 부족하지는 않다고 생각되는데 ㅠㅠ 저 커스텀 오버레이들 분명히 스타일을 보아하니 예제에 있는 형태 그대로이고 문자열을 이어붙여서 content를 구성하셨을 것이라 예상되는데요, 일단 document.createElement로 만든 HTMLElement를 content로 넘겨주시는 방식으로 변경하셔야 합니다. 그리고 각각의 element가 기본적으로 제공하는 이벤트 리스너를 통해 이벤트들을 등록하셔야 합니다. 닫기 버튼을 document.createElement로 만들고 이를 closeBtn 이란 변수에 할당 받았다고 가정하면 closeBtn.onclick = function () { /* do something / }; 혹은 closeBtn.addEventListener('click', function () { / do something */ }); 이런식으로 모든 커스텀 오버레이의 content들 마다 이벤트를 …

뭐 기본 제공되는 스타일이라도 문제 없다 하시면 상관없지만요