안녕하세요. 카카오 지도 JavaScript API로 로드뷰를 사용하고 있습니다.
2026년 6~7월에 촬영된 로드뷰 위치에서만 로드뷰가 회색으로 표시되고, 브라우저 콘솔에 아래 오류가 납니다.
2013년 촬영분처럼 예전 사진 위치는 정상입니다.
■ 오류 (브라우저 개발자 도구 콘솔)
Access to image at ‘https://map3.daumcdn.net/map_roadview/depthmap_meerkat/2026/06/9152675/2_101822_9152675_20260619043224_W.png’ from origin ‘https://9-21-iota.vercel.app’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
Error - image loading error
(같은 파노라마의 cube 이미지 left_100.jpg 등도 같은 오류)
■ 확인한 것
- 위 이미지 주소의 응답 헤더에 Access-Control-Allow-Origin이 없습니다. 2013년 촬영분 이미지에는 "*"가 붙어 있습니다.
- 카카오맵(map.kakao.com) 로드뷰 화면에서는 같은 위치가 정상으로 보입니다.
- 서울 강남구의 다른 여러 위치(2026/06, 2026/07 경로)에서도 같은 증상입니다.
■ 재현 코드 (공식 예제 basicRoadview와 같은 코드, 좌표만 바꿈)
var rv = new kakao.maps.Roadview(document.getElementById(‘roadview’));
var client = new kakao.maps.RoadviewClient();
var pos = new kakao.maps.LatLng(37.5233315919243, 127.027953144985); // 서울 강남구 신사동
client.getNearestPanoId(pos, 50, function (panoId) { rv.setPanoId(panoId, pos); });
// getNearestPanoId 결과: 1212228071
■ 사용 환경
- 서비스 주소: https://9-21-iota.vercel.app (JavaScript SDK 도메인 등록됨)
- 브라우저: Chromium 141 (Chrome 계열)
- SDK: https://dapi.kakao.com/v2/maps/sdk.js (roadview.js 1.17.1)
이미지 서버의 CORS 헤더 확인 부탁드립니다. 감사합니다.
