[RE] [RE] 네이버지도만들기#1에서 api인증이 실패했습니다.라고 뜨고 지도가 표시가 안됩니다 도와주세요ㅠ-Zooo.kr

ZOOO.KR

Write Post

글쓰기

카테고리

작성자

비밀번호

E-mail

제목

내용

[[RE] [RE] 네이버지도만들기#1에서 api인증이 실패했습니다.라고 뜨고 지도가 표시가 안됩니다 도와주세요ㅠ의 답글] 
----------------------------------------------------------------
<p>우와 진짜 감사합니다~!! 코드를 복사 붙여 넣기한 거라 틀렸을거라 생각을 못했는데... 보니까 C, I 가 둘 다 소문자로 되어 있네요..</p>

<p>답장도 너무 빨리 해주셔서 정말 감사합니다!! 혼자 공부하고 개발하고 있는데 에러뜨면 영어로 검색하고 혼자 해결하는 것에 지쳐있었는데</p>

<p>이렇게 친절하게 해결해주시는게 가뭄의 단비같네요~~ 감사합니다~!</p>

<p>[[RE] 네이버지도만들기#1에서 api인증이 실패했습니다.라고 뜨고 지도가 표시가 안됩니다 도와주세요ㅠ의 답글] ----------------------------------------------------------------</p>

<p><span style="background-color:rgb(30, 30, 30); color:rgb(206, 145, 120); font-family:nanumgothic,�뗭�,�섎닎怨좊뵓,dotum,apple gothic,verdana,tahoma,sans-serif; font-size:15px">https://openapi.map.naver.com/openapi/v3/maps.js?ncpclientid=</span></p>

<p>자세히 보시면 대소문자가 틀렸습니다.</p>

<p>ncpClientId여야 하는데... ncpclientid로 했습니다.</p>

<p>코딩 시, 대소문자에 주의해야 합니다.</p>

<p>힘 내시고 성공하시기 바랍니다~!</p>

<p>[네이버지도만들기#1에서 api인증이 실패했습니다.라고 뜨고 지도가 표시가 안됩니다 도와주세요ㅠ의 답글] ----------------------------------------------------------------</p>

<div><span style="color:rgb(128, 128, 128)">&lt;</span><span style="color:rgb(86, 156, 214)">script</span></div>

<div><span style="color:rgb(206, 145, 120)">text/javascript"</span></div>

<div><span style="color:rgb(206, 145, 120)">https://openapi.map.naver.com/openapi/v3/maps.js?ncpclientid=[제아이디]</span><span style="color:rgb(86, 156, 214)">&</span><span style="color:rgb(206, 145, 120)">submodules=geocoder"</span><span style="color:rgb(128, 128, 128)">>&lt;/</span><span style="color:rgb(86, 156, 214)">script</span><span style="color:rgb(128, 128, 128)">></span></div>

<div><span style="color:rgb(128, 128, 128)">&lt;</span><span style="color:rgb(86, 156, 214)">script</span></div>

<div><span style="color:rgb(156, 220, 254)">src</span>=<span style="color:rgb(206, 145, 120)">"https://code.jquery.com/jquery-3.6.3.min.js"</span></div>

<div><span style="color:rgb(156, 220, 254)">integrity</span>=<span style="color:rgb(206, 145, 120)">"sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU="</span></div>

<div><span style="color:rgb(156, 220, 254)">crossorigin</span>=<span style="color:rgb(206, 145, 120)">"anonymous"</span><span style="color:rgb(128, 128, 128)">>&lt;/</span><span style="color:rgb(86, 156, 214)">script</span><span style="color:rgb(128, 128, 128)">></span></div>

<div><span style="color:rgb(128, 128, 128)">&lt;</span><span style="color:rgb(86, 156, 214)">div</span> <span style="color:rgb(156, 220, 254)">style</span>=<span style="color:rgb(206, 145, 120)">"margin-top: 20px; margin-bottom: 10px; font-weight: bold;"</span><span style="color:rgb(128, 128, 128)">></span></div>

<div><span style="color:rgb(128, 128, 128)">&lt;</span><span style="color:rgb(86, 156, 214)">div</span> <span style="color:rgb(156, 220, 254)">id</span>=<span style="color:rgb(206, 145, 120)">"map"</span> <span style="color:rgb(156, 220, 254)">style</span>=<span style="color:rgb(206, 145, 120)">"width:100%; height:80%"</span><span style="color:rgb(128, 128, 128)">>&lt;/</span><span style="color:rgb(86, 156, 214)">div</span><span style="color:rgb(128, 128, 128)">></span></div>

<div><span style="color:rgb(128, 128, 128)">&lt;</span><span style="color:rgb(86, 156, 214)">script</span><span style="color:rgb(128, 128, 128)">></span></div>

<div><span style="color:rgb(79, 193, 255)">$</span>(<span style="color:rgb(156, 220, 254)">document</span>).<span style="color:rgb(220, 220, 170)">ready</span>(<span style="color:rgb(86, 156, 214)">function</span> () {</div>

<div><span style="color:rgb(106, 153, 85)">//지도를 삽입할 HTML 요소 또는 HTML 요소의 id를 지정합니다.</span></div>

<div><span style="color:rgb(86, 156, 214)">var</span> <span style="color:rgb(156, 220, 254)">mapDiv</span> = <span style="color:rgb(156, 220, 254)">document</span>.<span style="color:rgb(220, 220, 170)">getElementById</span>(<span style="color:rgb(206, 145, 120)">'map'</span>); <span style="color:rgb(106, 153, 85)">// 'map'으로 선언해도 동일</span></div>

<div><span style="color:rgb(106, 153, 85)">//옵션 없이 지도 객체를 생성하면 서울 시청을 중심으로 하는 16 레벨의 지도가 생성됩니다.</span></div>

<div><span style="color:rgb(86, 156, 214)">var</span> <span style="color:rgb(156, 220, 254)">map</span> = <span style="color:rgb(86, 156, 214)">new</span> <span style="color:rgb(156, 220, 254)">naver</span></div>

<div>.<span style="color:rgb(220, 220, 170)">Map</span>(<span style="color:rgb(156, 220, 254)">mapDiv</span>);</div>

<div><span style="color:rgb(128, 128, 128)">&lt;/</span><span style="color:rgb(86, 156, 214)">script</span><span style="color:rgb(128, 128, 128)">></span></div>

<div>위에는 코드, 아래는 f12를 눌렀을 ㄸㅐ 나오는 문구입니다.</div>

<div>maps.js?ncpclientid=r4ri3xlxxd&submodules=geocoder:15 A parser-blocking, cross site (i.e. different eTLD+1) script, https://openapi.map.naver.com/openapi/v3/maps-geocoder.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.<br />
(anonymous) @ maps.js?ncpclientid=r4ri3xlxxd&submodules=geocoder:15<br />
forEach @ maps.js?ncpclientid=r4ri3xlxxd&submodules=geocoder:6<br />
_sync @ maps.js?ncpclientid=r4ri3xlxxd&submodules=geocoder:15<br />
load @ maps.js?ncpclientid=r4ri3xlxxd&submodules=geocoder:15<br />
e @ maps.js?ncpclientid=r4ri3xlxxd&submodules=geocoder:15<br />
(anonymous) @ maps.js?ncpclientid=r4ri3xlxxd&submodules=geocoder:15<br />
(anonymous) @ maps.js?ncpclientid=r4ri3xlxxd&submodules=geocoder:15<br />
(anonymous) @ maps.js?ncpclientid=r4ri3xlxxd&submodules=geocoder:15<br />
maps.js?ncpclientid=r4ri3xlxxd&submodules=geocoder:15 A parser-blocking, cross site (i.e. different eTLD+1) script, https://openapi.map.naver.com/openapi/v3/maps-geocoder.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.</div>
</div>

----------------------------------------------------------------

첨부 안내

첨부파일 1~4는 이미지 파일만 업로드할 수 있고, 첨부파일 5는 ZIP 파일만 업로드할 수 있습니다.

첨부파일 1

첨부파일 2

첨부파일 3

첨부파일 4

첨부파일 5

ZIP만 가능

이 칸은 ZIP 파일만 업로드할 수 있습니다.

저장 초기화 목록

프로젝트/홈페이지 제작 의뢰

글쓰기