채택완료

javascript element

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

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

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

 

index.html

Copy
<html>

    <head>

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

        <script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=ClientId&callback=initMap"></script>

    </head>

    <body>

        <div id='map'>

        </div>

    </body>

</html>

 

mapcontrol.js

Copy
var map;

function initMap()

{

    var map = new naver.maps.Map(document.getElementById('map'), {

        zoom: 10,

        center: new naver.maps.LatLng(37.3586524, 127.1060678)

    });

}

 

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

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

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

|

답변 1개 / 댓글 4개

채택된 답변
+20 포인트

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

답변에 대한 댓글 4개

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

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