for (var i = 0; i < positions.length; i ++) {
// console.log(positions[i].latlng)
var mMarker = new kakao.maps.Marker({
position: positions[i].latlng, // 지도의 중심좌표에 올립니다.
map: this.map, // 생성하면서 지도에 올립니다.
clickable: true
});
var infowindow = new kakao.maps.InfoWindow({
content: positions[i].content // 인포윈도우에 표시할 내용
});
// var mapCustomOverlay = new kakao.maps.CustomOverlay({
// position: positions[i].latlng,
// content: content,
// xAnchor: 0.5, // 커스텀 오버레이의 x축 위치입니다. 1에 가까울수록 왼쪽에 위치합니다. 기본값은 0.5 입니다
// yAnchor: 1.1 // 커스텀 오버레이의 y축 위치입니다. 1에 가까울수록 위쪽에 위치합니다. 기본값은 0.5 입니다
// });
kakao.maps.event.addListener(mMarker, ‘mouseover’, makeOverListener(this.map, mMarker, infowindow));
kakao.maps.event.addListener(mMarker, ‘mouseout’, makeOutListener(infowindow));
}
// 인포윈도우를 표시하는 클로저를 만드는 함수입니다
function makeOverListener(map, marker, infowindow) {
return function() {
infowindow.open(map, marker);
};
}
요렇게 사용해서… 마우스 오버 하면 인포 윈도우창이 잘 열려요…
오예 성공했다!!! 하고 자축했는데…
마우스 빠지면…삭제되는것 까지 되는데 다시 마우스 오버 하니깐 다시 나타나지 않아요 ㅠㅠ
한번만 나오는데 혹시 왜이런지 알 수 있을까요 ?
아! vue로 작성했습니다.