여러개 마커에 이벤트 등록하는법

카카오맵 API (지도/로컬)
1

안녕하세요
여러개의 마크에 인포윈도우 표기하고 싶은데
마커 종류는 한군데는 ‘카카오’ , 한군데는 ‘생태연못’ 으로 하고 싶습니다.
아래 코드에서

var positions = [
{
content: ‘카카오’,eleven: [
new kakao.maps.LatLng(37.300979, 126.969033 ),
new kakao.maps.LatLng(37.300379, 126.971122 ),
new kakao.maps.LatLng(37.298789, 126.972728 ),
new kakao.maps.LatLng(37.297542, 126.968824 ),
new kakao.maps.LatLng(37.293886, 126.976667 ),
new kakao.maps.LatLng(37.300979, 126.969033 ),
]
},
{
content: ‘생태연못’, eleven: [
new kakao.maps.LatLng(37.29132166059727 , 126.98895353918037 ),
new kakao.maps.LatLng(37.31477566722496 , 126.98932520657816 ),
new kakao.maps.LatLng(37.30430567110499 , 127.01030108679785 )
]
}
];

여러개의 좌표마커를 두개의 그룹으로 나누었습니다.(카카오,생태연못)

for (var i = 0; i < positions.length; i ++) {
// 마커를 생성합니다
for (var k=0; k<positions[i].eleven.length; k++) {
var marker = new kakao.maps.Marker({
map: map, // 마커를 표시할 지도
position: positions[i].eleven[k]
});
}
var infowindow = new kakao.maps.InfoWindow({
content: positions[i].content
kakao.maps.event.addListener(marker, ‘mouseover’, makeOverListener(map, marker, infowindow));
kakao.maps.event.addListener(marker, ‘mouseout’, makeOutListener(infowindow));
}

그리고 루프문을 두개 넣어서 지도에 마커가 표시되게 하였습니다.

마지막으로

function makeOverListener(map, marker, infowindow) {
return function() {
infowindow.open(map, marker);
};
}
function makeOutListener(infowindow) {
return function() {
infowindow.close();
};
}

를 추가하여 구성했습니다. 지도에 마커가 표시되는것 까지는 완성이 됬으나 마커에 표시되는 인포윈도우가 첫번째 좌표에만 뜨고 그 밑에 나머지 좌표에는 인포윈도우가 뜨질 않습니다.

어디서 부터 잘못이 된것인지 알고 싶습니다!! 감사합니다!!

2

for 문 괄호 범위가 맞지 않는 것 같은데요…
고쳐서 테스트해본 코드입니다.

var positions = [
{
	content: '카카오',
    eleven: [
		new kakao.maps.LatLng(37.300979, 126.969033 ),
		new kakao.maps.LatLng(37.300379, 126.971122 ),
		new kakao.maps.LatLng(37.298789, 126.972728 ),
		new kakao.maps.LatLng(37.297542, 126.968824 ),
		new kakao.maps.LatLng(37.293886, 126.976667 ),
		new kakao.maps.LatLng(37.300979, 126.969033 )
		]
},
{ 
	content: '생태연못', 
    eleven: [
		new kakao.maps.LatLng(37.29132166059727 , 126.98895353918037 ),
		new kakao.maps.LatLng(37.31477566722496 , 126.98932520657816 ),
		new kakao.maps.LatLng(37.30430567110499 , 127.01030108679785 )
		]
}
]; 

for (var i = 0; i < positions.length; i++) {
// 마커를 생성합니다
	for (var k=0; k<positions[i].eleven.length; k++) {
		var marker = new kakao.maps.Marker({
			map: map, // 마커를 표시할 지도 
			position: positions[i].eleven[k]
		});
        
		var infowindow = new kakao.maps.InfoWindow({
	 	 	content: positions[i].content
		}); 

        kakao.maps.event.addListener(marker, 'mouseover', makeOverListener(map, marker, infowindow));
  		kakao.maps.event.addListener(marker, 'mouseout', makeOutListener(infowindow));
    }; 
};
3

감사합니다!