var mapContainer = document.getElementById(‘map’), // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(37.294729,126.8318933,17), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
// 지도를 클릭했을때 클릭한 위치에 마커를 추가하도록 지도에 클릭이벤트를 등록합니다
kakao.maps.event.addListener(map, ‘click’, function(mouseEvent) {
// 클릭한 위치에 마커를 표시합니다
var latlng = mouseEvent.latLng;
addMarker(mouseEvent.latLng);
check(latlng);
infowindows(position);
});
// 지도에 표시된 마커 객체를 가지고 있을 배열입니다
var markers = [];
// 마커 하나를 지도위에 표시합니다
addMarker(new kakao.maps.LatLng(37.294729,126.8318933,17));
// 마커를 생성하고 지도위에 표시하는 함수입니다
function addMarker(position) {
// 마커를 생성합니다
var marker = new kakao.maps.Marker({
position: position
});
// 마커가 지도 위에 표시되도록 설정합니다
marker.setMap(map);
// 생성된 마커를 배열에 추가합니다
markers.push(marker);
}
// 배열에 추가된 마커들을 지도에 표시하거나 삭제하는 함수입니다
function setMarkers(map) {
for (var i = 0; i < markers.length; i++) {
markers[i].setMap(map);
}
}
// “마커 보이기” 버튼을 클릭하면 호출되어 배열에 추가된 마커를 지도에 표시하는 함수입니다
function showMarkers() {
setMarkers(map)
}
// “마커 감추기” 버튼을 클릭하면 호출되어 배열에 추가된 마커를 지도에서 삭제하는 함수입니다
function hideMarkers() {
setMarkers(null);
}
function check(latlng){
var iwContent = ‘
iwContent += ’ ‘;
iwContent += ’
iwContent += ‘
iwContent += ’
iwContent += ''
iwRemoveable = true; // removeable 속성을 ture 로 설정하면 인포윈도우를 닫을 수 있는 x버튼이 표시됩니다
}
function infowindows(iwPosition){
var infowindow = new kakao.maps.InfoWindow({
map: map, // 인포윈도우가 표시될 지도
position : iwPosition,
content : iwContent,
removable : iwRemoveable
});
}
여기서 latlng의 배열 추가와 무언가를 해야할거 같은데 도와주세요…