...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>간단한 지도 표시하기</title>
<script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?clientId=YOUR_CLIENT_ID"></script>
</head>
<body>
<div id="map" style="width:100%;height:400px;"></div>
<script>
var mapOptions = {
center: new naver.maps.LatLng(37.3595704, 127.105399),
zoom: 10
};
var map = new naver.maps.Map('map', mapOptions);
</script>
</body>
</html>저기 클라이언트아이디 적는부분이 clientId -> ncpClientId 바꼈다더라.. 이런거를 일일히 찾아야 하다니 꽤 삽질을 많이 했다.
또 서비스 url 등록할때 로컬등록이 너무 안되서 뭐가 문젤까 했는데
서비스 URL은 포트번호 및 URI를 제외한 호스트 도메인만을 등록하는거였다
예) http://localhost:8080 -> http://localhost
예) http://127.0.0.1/main -> http://127.0.0.1
공식문서들이 좀더 친절히 써졌으면 좋겠다
3개의 댓글
2023년 11월 2일
저도 덕분에 해결했습니다.
억울해서 저도 포스트 해두었습니다ㅋㅋㅋㅋ 누군가는 도움이 되길 빕니다.
https://yoonjong-park.tistory.com/entry/api-navermap-api-%EC%82%AC%EC%9A%A9-%EC%A4%91-%EC%A3%BC%EC%9D%98%ED%95%A0-%EC%A0%90-react-next
답글 달기
감사합니다! 덕분에 오류 해결했습니다