게스트 모드
WITHER(위더) 지도 · 반경 5km
주변 요청을 확인하고 내가하기로 빠르게 매칭할 수 있습니다.
위치 확인 중...
반경은 기기·브라우저의 위치 권한(표준 GPS)으로 맞춥니다. 지도의 「내 위치」를 누르면 권한 창이 다시 뜰 수 있습니다.
네이버 지도 클라이언트 ID가 없습니다.
실제 지도를 불러오지 못해 데모 화면으로 전환했습니다.NAVER_MAP_KEY_ID 빌드 주입·config.js의 naverMapKeyId를 확인하세요.- NCP 콘솔의 Maps REST·API Gateway(
maps.apigw.ntruss.com) 호출 수는 브라우저maps.js(Web Dynamic Map)와 별도입니다. 웹 지도만 쓰면 REST 대시보드에 0건으로 보일 수 있습니다. - 네이버 클라우드 플랫폼 Maps에서 애플리케이션에 출처(웹 URL)가 등록되어 있는지, Maps · Geocoding 사용이 켜져 있는지 확인하세요. 운영은 https://wither.co.kr(apex)만 등록하면 됩니다. 콘솔이 www를 넣지 말라고 하거나 www 입력이 막혀 있어도 정상인 경우가 많으며, 이 사이트는 www → apex로 보내므로 실제 지도 페이지의 출처는
wither.co.kr와 맞춰지면 됩니다. config.js의naverMapKeyId가 콘솔의 클라이언트 ID와 일치하는지 확인하세요.- 모바일에서 원인 확인: 주소에
?mapdebug=1을 붙여 열면(예:wither-map.html?mapdebug=1) 키 길이·SDK 로드 여부·hostname이 화면 하단에 표시됩니다. hostname이wither.co.kr이 아니면(예: Netlify 미리보기*.netlify.app) NCP에 그 출처를 등록하지 않은 경우 인증이 실패합니다. - 광고·스크립트 차단 확장 프로그램을 끄거나, 다른 브라우저로 열어 보세요.
- 개발자도구(F12) → Network에서
maps.js(oapi.map.naver.com)가 차단되지 않는지 확인하세요. - 콘솔에 Content-Security-Policy로 스크립트가 거절되었다면 배포 응답 헤더를 의심하세요.
wither-map.html문서 응답의 CSP에oapi.map.naver.com이 포함되는지 확인하고, Netlify는 저장소 루트netlify.toml(base·publish=dist)와npm run build로dist/_headers가 배포되는지 점검하세요. (로컬 Live Server에는_headers가 적용되지 않습니다.) - 요청 새로고침 버튼으로 한 번 더 시도해 보세요.
WITHER 신청자