https://apis.map.kakao.com/web/sample/markerTracker/
를 보고 프로젝트를 진행하고 있습니다.
function makeMarkers(hospital){
// 마커 삭제
let trackerElements = document.querySelectorAll('.tracker');
for(let i = 0; i < markers.length; i++){
markers[i].setMap(null);
var tracker = trackerElements[i];
tracker.parentNode.removeChild(tracker);
}
markers = [];
// 병원 이름을 바탕으로 환자 정보를 불러오고, 환자 정보를 바탕으로 위치 데이터를 받아와야한다.
$.getJSON("/getLocationData/"+hospital+".json",function(data){
console.log(data);
//let imageSrc = "https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png";
let patientsMarkers = [];
let patientsTrackers = [];
// 받아온 데이터 for 문
for(let i = 0; i < data.length; i++){
// 마커 좌표 생성
let position = new kakao.maps.LatLng(data[i].x,data[i].y);
// TooltipMarker 생성
let marker = new TooltipMarker(position, data[i].name);
patientsMarkers.push(marker);
console.log("marker:"+marker);
// MarkerTracker 생성
let tracker = new MarkerTracker(map, marker);
patientsTrackers.push(tracker);
console.log("tracker:"+tracker);
}
for(let i = 0; i < patientsMarkers.length; i++){
// 마커 이미지 크기 설정
//let imageSize = new kakao.maps.Size(24,35);
// 마커 이미지 생성
//let markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize);
// 마커 생성
/*let marker = new kakao.maps.Marker({
map: map,
position: patientsPositions[i].latlng,
title: patientsPositions[i].title,
image: markerImage
});*/
patientsMarkers[i].setMap(map);
patientsTrackers[i].run();
markers.push(patientsMarkers[i]);
}
console.log(patientsMarkers);
console.log(patientsTrackers);
console.log(markers);
})
}
사진에 원래 tracker가 4개 나와야하는데. for 문의 제일 마지막에 선언된 tracker 하나만 작동해요
살려주세요