[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
안녕하세요.
카카오맵 JavaScript SDK 연동 중 지도 타일만 표시되지 않아 문의드립니다.
앱 정보
-
앱 이름: 퓨넥스무브
-
App ID: (콘솔 [앱 설정 > 앱] 에서 확인한 숫자 ID를 여기에 붙여넣기)
-
JavaScript 키:
4a6e849d********(Default JS Key, 앞 8자만 기재) -
서비스 URL: https://move.funexcloud.com
-
서비스 주체: 한국장례문화원 (사업자등록번호 420-27-01739)
콘솔 설정 (완료)
-
제품 설정 > 카카오맵 > 활성화: ON
→ “사용 중인 앱은 이미 권한을 보유하고 있습니다. 추가 신청 없이 바로 사용할 수 있습니다.” 표시 확인 -
앱 키 > JavaScript 키 > JavaScript SDK 도메인:
-
https://move.funexcloud.com -
http://move.funexcloud.com -
http://localhost:3000 -
http://127.0.0.1:3000 -
https://localhost:3000
-
증상
-
https://move.funexcloud.com/hanalexhum접속 시 지도 영역에 타일 미표시 -
브라우저 개발자 도구 Network: 지도 타일 이미지가 모두
https://s1.daumcdn.net/dmaps/apis/white.png로 로드됨 -
https://dapi.kakao.com/v2/maps/sdk.js?appkey=...&libraries=services&autoload=false
→ HTTP 200,window.kakao.maps객체 생성됨 -
즉 SDK 로드는 성공, 타일만 차단되는 상태
SDK 로드 코드 (요약)
(실제 구현은 Next.js에서 동적 script 주입, Referer는 https://move.funexcloud.com 입니다.)
사용 환경
-
OS: Windows 10
-
브라우저: Chrome 최신
-
배포: Vercel (커스텀 도메인 move.funexcloud.com, Cloudflare 경유)
확인 요청
-
해당 App ID에 타일 서버(dmaps) 허용 도메인이 정상 반영되었는지
-
앱 설정 > 플랫폼 > Web 도메인 등록이 타일 표시에 별도 필요한지
-
동일 계정에 과거 생성한 다른 앱
(예: funexmove)이 카카오맵 설정에 영향을 주는지
