카카오맵 마킹을 사용하려고 연동 했는데
지정한 좌표값을 뿌려줍니다 그리고 각 좌표마다 입력된 텍스트를 마우스 오버시 화면에 출력 된느데
여러개의 마커값을 가져오기전 처음 선언한 부분에서 배열에서 꺼낸 첫번째 값을 넣는데 반복문 돌린 것과 겹쳐서 그런건지
첫번째 값만 마우스 오버가 안 먹는데
var mapContainer = document.getElementById('map'),
mapOption = {
center: new kakao.maps.LatLng(data[0].map_x, data[0].map_y),
level: 7
};
var map = new kakao.maps.Map(mapContainer, mapOption);
이부분을 없애거나 아니면 마우스오버 이벤트를 어떻게 줘야할까요?
for(var i=0;i<data.length;i++){
var imageOption = {offset: new kakao.maps.Point(data[i].map_x, data[i].map_y)};
var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption);
var latlng = new kakao.maps.LatLng(data[i].map_x, data[i].map_y);
var maker = new kakao.maps.Marker({
map : map,
position : latlng,
//image : markerImage
});
var info = new kakao.maps.InfoWindow({
content : coord[i].sta_nm
});
kakao.maps.event.addListener(maker, 'mouseover', makeOverListener(map, maker, info));
kakao.maps.event.addListener(maker, 'mouseout', makeOutListener(info));
}