증상은 마커는 다중으로 잘 뜨는데, 클릭을 하면 계속 흰색 화면입니다…
클릭 이벤트에서 무언갈 잘못한 것 같은데 구글링해도 도저히 해답을 못찾겠네요.,.
이 문제에 대해서 조언을 주신다면 정말 감사하겠습니다!
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)