Customoverlay mouseover 문의

지도/로컬 API
1

[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
https://devtalk.kakao.com/t/faq-api/125610

// 인포윈도우를 생성합니다
				var customOverlay  = new kakao.maps.CustomOverlay({
					content : contents[i],
					position: positions[i],
					map: map,
					yAnchor: 1

				});
				
				kakao.maps.event.addListener(marker, "mouseover",
				makeOverListener(map, marker, customOverlay));
				
				kakao.maps.event.addListener(marker, "mouseout",
				makeOutListener(customOverlay)); 



		// 인포윈도우를 표시하는 클로저를 만드는 함수입니다
		function makeOverListener(map, marker, customOverlay) {
			return function() {
				customOverlay.setMap(map);
			};
		}

		// 인포윈도우를 닫는 클로저를 만드는 함수입니다
		function makeOutListener(customOverlay) {
			return function() {
				customOverlay.setMap(null);
			};
		}

안녕하세요 커스텀 오버레이를 인포윈도우처럼 마우스 오버했을 때 content를 띄우고 마우스를 떼면 없애고 싶습니다. 마우스오버를 하지 않았는데 첫 화면에 오버레이들이 다 띄어져있네요…
infowindow.open() 메소드처럼 마우스 오버를 했을 때만 정보를 보이게 하고 싶은데, 혹시 어떻게 해야 하는지 알 수 있을까요?

2

CustomOverlay 생성 시 map옵션을 사용해서 생성과 동시에 지도에 표시되고 있습니다.
아래와 같이 수정해서 확인해주세요.

var customOverlay = new kakao.maps.CustomOverlay({
    content: contents[i],
    position: positions[i],
    //map: map,
    yAnchor: 1
});