<script>
var mapContainer = document.getElementById('map'), // 지도를
표시할 div
mapOption = {
center: new kakao.maps.LatLng(33.450705, 126.570677), // 지도의
중심좌표
level: 3 // 지도의 확대 레벨
};
var map = new kakao.maps.Map(mapContainer, mapOption); // 지
도를 생성합니다
// 마커를 표시할 위치와 내용을 가지고 있는 객체 배열입니다
var positions = [
{
content: '<div>카카오</div>',
latlng: new kakao.maps.LatLng(33.450705, 126.570677)
},
{
content: '<div>생태연못</div>',
latlng: new kakao.maps.LatLng(33.450936, 126.569477)
},
{
content: '<div>텃밭</div>',
latlng: new kakao.maps.LatLng(33.450879, 126.569940)
},
{
content: '<div>근린공원</div>',
latlng: new kakao.maps.LatLng(33.451393, 126.570738)
}
];
for (var i = 0; i < positions.length; i ++) {
// 마커를 생성합니다
var marker = new kakao.maps.Marker({
map: map, // 마커를 표시할 지도
position: positions[i].latlng // 마커의 위치
});
// 마커에 표시할 인포윈도우를 생성합니다
var infowindow = new kakao.maps.InfoWindow({
content: positions[i].content, // 인포윈도우에 표시할 내용
removable : true
});
// 마커에 클릭이벤트를 등록합니다
kakao.maps.event.addListener(marker, 'click',
makeClick(map, marker, infowindow));
}
// 인포윈도우를 표시하는 클로저를 만드는 함수입니다
function makeClick(map, marker, infowindow) {
return function() {
infowindow.open(map, marker);
};
}
</script>
다중 마커 생성 후 마커를 클릭시 이전마커의 인포윈도우를 자동으로 닫아주고 싶은데 방법이 없을까요?