[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
안녕하세요 .
사이트 도메인 관련 문의사항 있어서 글 남깁니다.
localhost:8080 으로 사이트 도메인 넣고 지도 html을 띄웠을때 지도가 뜨질 않는데 localhost:8080 외에 별도의 사이트 도메인을 넣거나 해서 해결해야 하나요?
개발 직군이 아니라 질문 두서 없는점 죄송합니다.
답변 주시면 감사하겠습니다…
localhost:8080을 입력하셨다면,
지도API를 이용하는 페이지가, localhost:8080 으로 열리면 됩니다.
말씀 하신 내용으론 문제가 될 상황이 없는데, 브라우저 주소 입력창에 localhost:8080/~~~~~~ 으로 되어 있나요?
그럼 크롬브라우저를 사용하신다면, 개발자도구를 열어서 왜 지도가 안뜨는지 오류를 확인해 주시기 바랍니다.
그럼 http://localhost:8080/파일명.html
이런식으로 입력해야 열리는 건가요???
동일하게 입력하고 개발자 도구 확인했을 때
console 부분 : Failed to load resource: the server responded with a status of 403 ()
element → properties : 로컬호스트 연결 거부
- attributeStyleMap: StylePropertyMap {size: 2}
- attributes: NamedNodeMap {0: id, 1: class, 2: style, 3: jstcache, id: id, class: class, style: style, jstcache: jstcache, length: 4}
- autocapitalize: “”
- autofocus: false
- background: “”
- baseURI: “chrome-error://chromewebdata/”
- bgColor: “”
- childElementCount: 6
- childNodes: NodeList(10) [text, div#main-frame-error.interstitial-wrapper, text, div#sub-frame-error, text, div#offline-resources, text, script, script, script]
- children: HTMLCollection(6) [div#main-frame-error.interstitial-wrapper, div#sub-frame-error, div#offline-resources, script, script, script, main-frame-error: div#main-frame-error.interstitial-wrapper, sub-frame-error: div#sub-frame-error, offline-resources: div#offline-resources]
- classList: DOMTokenList [‘neterror’, value: ‘neterror’]
- className: “neterror”
- clientHeight: 417
- clientLeft: 0
- clientTop: 0
- clientWidth: 966
- contentEditable: “inherit”
- dataset: DOMStringMap {}
- dir: “”
- draggable: false
- elementTiming: “”
- enterKeyHint: “”
- firstChild: text
- firstElementChild: div#main-frame-error.interstitial-wrapper
- hidden: false
- id: “t”
- inert: false
- innerHTML: "\n <div id="main-frame-error" class="intersti
- innerText: “사이트에 연결할 수 없음\n\nlocalhost에서 연결을 거부했습니다.\n\n다음 방법을 시도해 보세요.\n\n연결 확인\n프록시 및 방화벽 확인\nERR_CONNECTION_REFUSED\n새로고침\n세부정보”
- inputMode: “”
- isConnected: true
- isContentEditable: false
- lang: “”
- lastChild: script
- lastElementChild: script
- link: “”
- localName: “body”
- namespaceURI: “http://www.w3.org/1999/xhtml”
- nodeName: “BODY”
- nodeType: 1
- nonce: “”
- offsetHeight: 417
- offsetLeft: 0
- offsetTop: 0
- offsetWidth: 966
- outerHTML: "<body id="t" class="neterror" style="font-fa
- outerText: “사이트에 연결할 수 없음\n\nlocalhost에서 연결을 거부했습니다.\n\n다음 방법을 시도해 보세요.\n\n연결 확인\n프록시 및 방화벽 확인\nERR_CONNECTION_REFUSED\n새로고침\n세부정보”
- ownerDocument: document
- parentElement: html
- parentNode: html
- part: DOMTokenList [value: ‘’]
- previousElementSibling: head
- previousSibling: text
- scrollHeight: 417
- scrollLeft: 0
- scrollTop: 0
- scrollWidth: 966
- slot: “”
- spellcheck: true
- style: CSSStyleDeclaration {0: ‘font-family’, 1: ‘font-size’, accentColor: ‘’, additiveSymbols: ‘’, alignContent: ‘’, alignItems: ‘’, alignSelf: ‘’, …}
- tabIndex: -1
- tagName: “BODY”
- text: “”
- textContent: "\n \n \n \n \n \n 사
- title: “”
- translate: true
- vLink: “”
- virtualKeyboardPolicy: “”
Console
What’s New
Highlights from the Chrome 114 update
이런식으로 뜨는데 뭐가 잘못된 걸까요…?
웹 서버에서 리소스를 접근하려고 할 때 요청을 거부하는 403 오류로 지도 API와는 무관한 오류로 보입니다.
html 파일에 접근할 수 있게 서버 권한 부분도 확인해주세요.