다수의 인포창에서 다른인포창 클릭시 기존인포창 자동 닫기 방법좀 ㅠㅠ

doji.doo · 4월 1, 2019, 12:07오후

다중 오버레이에서 다른 오버레이 클릭시 이전 오버레이 닫기 관련 문의 지도/로컬 API

두가지 방법이 있습니다. CustomOverlay를 전역으로 하나만 만드시고 클릭할 때마다 setPosition()로 위치를, setContent()로 내용을 바꿔치는 방식 전역 변수를 하나 두시고 클릭할 때마다 이 변수에 할당되어 있는 CustomOverlay를 setMap(null) 하고 현재 클릭된 CustomOverlay를 해당 변수에 재할당하여 계속하여 이 전 CustomOverlay를 지우는 방식 무엇을 구현하시느냐에 따라 사용해야 할 방법이 다른데 뭐… 간단하게 두 번째껄로 간다고 하면 // global variable var clickedOverlay = null; geocoder.addressSearch(addr, function(result, status) { /* ... ... ... */ var CustomOverlay = new daum.maps.CustomOverlay({ //content: content…

여러개 마커에 인포윈도우 띄울때 다른거 클릭시 기존꺼 자동으로 꺼지는 방식 지도/로컬 API

인포윈도우는 단순한 정보를 담아내기 위해 사용합니다. 복잡한 정보와 스타일리쉬한 스타일을 표현하기 위해서는 CustomOverlay를 사용하셔야 합니다. 닫기가 가능한 커스텀 오버레이는 아래 예제를 참조해주시고. 다른것을 클릭했을 때 기존 것이 꺼지는 기능은 http://apis.map.daum.net/web/sample/categoryFromBounds/ 이것을 참고해 주세요. 두 예제를 섞어서 사용하실 때 주의하실 점이 있습니다. 첫 번째 예제에서 닫기 함수는 전역적으로 하나만 쓰는데 만들어진 CustomOverlay는 여러개이기 때문입니다. String으로 Content를 구성하면 이런 문제가 생기게 될 겁니다. HTMLElement로 만들어서 Content를 구성하시고 각 Element에 DOM Event를 거는 방식으로 닫기 기능을 구현하셔야 합니다.

위 답변들과

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

이 예제를 참고해주세요. 기능 구현에 필요한 코드들은 다 들어 있습니다.