DB에서 가져온 좌표들을 javascript를 사용해 지도 위에 뿌려주려고 합니다.
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(35.257247619546611, 128.6041203315242), // 지도의 중심좌표
level: 9 // 지도의 확대 레벨
};
var map = new kakao.maps.Map(mapContainer, mapOption);
var positions = [];
<c:forEach items="${list}" var="locationList">
var position = new Object();
position.x = "${locationList.XCOORD}";
position.y = "${locationList.YCOORD}";
console.log("position.x: " + position.x);
console.log("position.y: " + position.y);
positions.push(new kakao.maps.LatLng(position.y, position.x));
</c:forEach>
// 마커를 생성합니다
var marker = new kakao.maps.Marker({
position: positions
});
// 마커가 지도 위에 표시되도록 설정합니다
marker.setMap(map);
콘솔을 찍어 받아온 좌표들이 정상적으로 넘어왔는지는 확인했습니다.
그리고 position.y가 위도, position.x가 경도인것도 확인했습니다.
forEach를 사용해 백에서 가져온 좌표들을 positions에 넣어주었는데요.
막상 지도를 열면 마커들은 생기지 않습니다.
무엇이 문제인지 도와주세요.