ncloud 가입 그리고 지도 API v3

프로그램 사용/네이버 맵 API

ncloud 가입 그리고 지도 API v3

구차니 2018. 11. 22. 17:56

겁 먹었었는데.. 가입이 되어 있었나?

그냥 네이버 아이디로 로그인 하니 문제없이 로그인 된다..

[링크 : https://www.ncloud.com/]

[링크 : https://www.ncloud.com/product/applicationService/maps]

독특하게(?) AI.Naver API 라고

AI Service와 Application Service가 합쳐져 있다.

Application Service에 Maps가 포함되고

AI Service에 Clova와 Papago가 포함된다.

[링크 : https://console.ncloud.com/mc/solution/naverService/application]

하단에 Applicaton 등록 누르고 동의 한다음

Application 이름 등록하고 쓸 서비스, 그리고 사용할 서비스 도메인을 등록한다.

그러면 아래와 같이 사용량 통계 나오고

인증정보를 누르면 아래와 같이 클라이언트 ID가 나온다.

가입하고 보니 친절한 설명이 나오네 ㅋㅋㅋ

[링크 : http://docs.ncloud.com/ko/naveropenapi_v3/application.html]

[링크 : https://navermaps.github.io/maps.js.ncp/]

<!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?ncpClientId=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>

[링크 : https://navermaps.github.io/maps.js.ncp/tutorial-2-Getting-Started.html]

버전은 둘다 v3이고 clientId 식별자가 다른 키로 바뀌었다.

구버전

신버전

저작자표시