안녕하세요,
현재 카카오 지도 API에 http://apis.map.kakao.com/web/sample/basicClusterer/ 이 링크에서 쓰인 json이랑 동일하게 형식을 구성한 로컬의 json 파일을 사용해 다중마커를 띄우려고 하는데요.
클러스터를 사용하지 않은 채 json 파일에 있는 모든 위도와 경도를 참고한 마커를 띄울거라 레퍼런스 참조가 어렵습니다…
마커 개수가 좀 되기 때문에 https://apis.map.kakao.com/web/sample/multipleMarkerImage/ 이처럼 script 내에서 배열을 선언하기도 어려운 상황입니다. 물론 마커 개수가 늘어남에 따라 지도가 버벅일 수 있다는 것 또한 알고 있습니다.
포럼을 참고하니 $.ajax나 $.getJSON을 사용하면 될 것 같아 적용해보았으나 자꾸 405 에러가 뜨는데 무엇이 문제인지를 모르겠습니다.
제가 작성한 코드는 아래와 같습니다.
$.getJSON("./data/sample.json", function(data) {
for (var i = 0; i < data.positions.length; i++) {
var markerPosition = new kakao.maps.LatLng(data.positions[i].lat,data.positions[i].lng);
var markers = new kakao.maps.Marker({
position: markerPosition,
map: map
});
}
});
이 방법이 적용되지 않아 아래와 같이 또 작성해보았습니다.
$.ajax({type: 'GET',
url: './data/sample.json',
dataType : 'json',
async: false,
success: function(data) {
console.log("접속성공");
for (var i = 0; i < data.positions.length; i++) {
var markerPosition = new kakao.maps.LatLng(data.positions[i].lat,data.positions[i].lng);
var markers = new kakao.maps.Marker({
position: markerPosition,
map: map
});
}
}
});
이러고 콘솔을 확인하니 애초에 405 에러가 발생해서 파일을 못 받아오는 것 같아 잘 받아오는지 확인하기 위해
$(function(){
$.ajax({
url : './data/sample.json',
dataType: 'json',
success: function(data){
console.log("success");
}
})
})
이 방법이나
$.getJSON('./data/sample.json', function(data) {
console.log(data);
});
이 방법도 써봤는데 계속 405 에러가 발생합니다. 혹시 무엇이 문제인지 알 수 있을까요?
위 네 가지 방법 모두 405 에러가 발생하고 있으며 현재 data 폴더와 html 파일은 로컬에서 같은 위치에 있고, html 파일에서 지도 생성한 후 body > script 부분에 작성해둔 상태입니다.
답변 부탁드립니다.
감사합니다.