테스트 사이트 - 개발 중인 베타 버전입니다

javascript element 채택완료

akworjs0517 5년 전 조회 2,101

네이버 지도 API 를 사용하려고하는데요.

https://navermaps.github.io/maps.js.ncp/docs/tutorial-2-Getting-Started.html">https://navermaps.github.io/maps.js.ncp/docs/tutorial-2-Getting-Started.html

의 비동기 방식으로 callback 함수를 지정해주었습니다.

 

index.html

</p>

<p><html></p>

<p>    <head></p>

<p>        <script type="text/javascript" src="domain.com/mapcontrol.js"></script></p>

<p>        <script type="text/javascript" src="<a href="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=ClientId&callback=initMap"></script>" target="_blank" rel="noopener noreferrer">https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=ClientId&callback=initMap"></script></a></p>

<p>    </head></p>

<p>    <body></p>

<p>        <div id='map'></p>

<p>        </div></p>

<p>    </body></p>

<p></html></p>

<p>

 

mapcontrol.js

</p>

<p>var map;</p>

<p>function initMap()</p>

<p>{</p>

<p>    var map = new naver.maps.Map(document.getElementById('map'), {</p>

<p>        zoom: 10,</p>

<p>        center: new naver.maps.LatLng(37.3586524, 127.1060678)</p>

<p>    });</p>

<p>}</p>

<p>

 

이렇게 해주었지만 callback 함수에서 mapcontrol.js 파일 안에있는 함수를 못불러오는것같습니다.

해당 API를 사용해보신분 계신가요..?

index.html 파일안에 자바스크립트를 작성하는건 개인적으로 막 섞여있는 느낌이라 다른 파일로 분리하고싶습니다..

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

클라이언트 아이디 넣으셨어요?ㅋㅋ

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

a
akworjs0517
5년 전
네, 기본 방식으로는 잘 나오는데 비동기 저방식으로하면 지도가 안나오네요
릴보이즈
5년 전
mapcontrol.js 이거 경로가 제대로 불러오는지 확인해보세요 코드상에는 아무이상 없어요
a
akworjs0517
5년 전
같은파일에있는 다른 함수들은 잘불러오고있어요ㅠㅠ
릴보이즈
5년 전
아!!!! 이런!!!! 위치가 바꼈어요 ㅋㅋㅋㅋ
이거 위치를 밑으로 내려주세여
<script type="text/javascript" src="domain.com/mapcontrol.js"></script>

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인