외부 API를 사용해서 좌표값을 불러온 다음
마커로 올릴려고 하는데
cookie에러가 납니다. 해결방법은 1도 모르겠어요ㅋㅋㅋㅋㅋ
대충 어떤 문제인지는 아는데 이 코드를 정적?으로 불러오는 방법을 모르겠습니다.
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center : new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
level : 10
// 지도의 확대 레벨
};
var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
// 지도를 재설정할 범위정보를 가지고 있을 LatLngBounds 객체를 생성합니다
var bounds = new kakao.maps.LatLngBounds();
// 변수
var i, marker;
// 버튼을 클릭하면 아래 배열의 좌표들이 모두 보이게 지도 범위를 재설정합니다
var points = [];
var point = "";
var title = "";
// 1. url 요청문서 2. 매개변수를 전달(생략이 가능) {매개변수명:값~} 콜백함수
$.ajax('xml페이지',{
// data:~ - 매개변수가 없으니까 생략
success : function(data) {
// 분리 작업(=파싱분리) parse → find() or filter()
$(data).find('item').each(function(index) {
var mapx = $(this).find('mapx').text();
var mapy = $(this).find('mapy').text();
title = $(this).find('title').text();
point = new kakao.maps.LatLng(mapx, mapy);
var point2 = {
position: new kakao.maps.LatLng(mapx, mapy),
text : title
}
points[points.length] = point
console.log(point2)
marker = new kakao.maps.Marker(point2);
})
console.log("2", points.length)
for (i = 0; i < points.length; i++) {
// 배열의 좌표들이 잘 보이게 마커를 지도에 추가합니다
/* marker = new kakao.maps.Marker({
position : points[i],
text : title
}); */
console.log("값을 추가하는 for문 안 : ", points[i])
}
console.log("3", points.length)
}
})
이게 작성한 코드인데 어떻게 해야하나요?