다중 마커에 클릭 이벤트가 되지 않습니다

증상은 마커는 다중으로 잘 뜨는데, 클릭을 하면 계속 흰색 화면입니다…
클릭 이벤트에서 무언갈 잘못한 것 같은데 구글링해도 도저히 해답을 못찾겠네요.,.

이 문제에 대해서 조언을 주신다면 정말 감사하겠습니다!

Kakao 지도 시작하기
<script>
    // 초기 위치 설정
    var container = document.getElementById('map');
    var options = {
        center: new kakao.maps.LatLng(36.541594, 128.796425),
        level: 4
    };
    // 지도 생성    
    var map = new kakao.maps.Map(container, options); 

    var data = [
        [36.5433853076816, 128.79374954548905, '<div style="padding:5px;">큐브 885 원룸</div>'],
        [36.54258736144631, 128.79273730166875, '<div style="padding:5px;">미니미니 원룸</div>'],
        [36.54251799029123, 128.79255703824455, '<div style="padding:5px;">피터팬 원룸</div>'],
        [36.54270134906753, 36.54270134906753, '<div style="padding:5px;">밍키 원룸</div>'],
        [36.54270085952632, 128.79237980811527, '<div style="padding:5px;">세라 원룸</div>'],
        [36.5427025796902, 128.79226539270437, '<div style="padding:5px;">안나 원룸</div>'],
        [36.54272052362528, 128.7921206443862, '<div style="padding:5px;">웬디 원룸</div>'],
        [36.54248152821582, 36.54248152821582, '<div style="padding:5px;">엘리스 원룸</div>'],
    ];

    for (var i = 0; i < data.length; i++) {
        // 마커를 생성합니다
        var marker = new kakao.maps.Marker({
            position: new kakao.maps.LatLng(data[i][0], data[i][1]),
            clickable: true
            });
        // 인포윈도우를 생성합니다
        var infowindow = new kakao.maps.InfoWindow({
            content : data[i][2],
            removable : true
            });
        
        //지도에 표현
        marker.setMap(map)

        // 마커에 클릭이벤트를 등록합니다
        kakao.maps.event.addListener(marker, 'click', function() {
            // 마커 위에 인포윈도우를 표시합니다
            infowindow.open(map, marker);
        });
    }

</script>
![이미지 031|295x500](upload://f3pGABZaLv7yAHD7hWKi7MmvHQ3.png)![이미지 031|295x500](upload://f3pGABZaLv7yAHD7hWKi7MmvHQ3.png)

아래 답변 참고해주세요.

1개의 좋아요

감사합니다. let 을 사용하니 해결되었습니다!!

1개의 좋아요