본문으로 바로가기

네이버 지도 api 사용하기

category Server/Webserver_XE 2019. 3. 14. 15:31
반응형

네이버가 클라우드 플랫폼을 만들었군. 좀 된거 같은데 아무튼 여러 서비스들이 있는듯하다.

마이크로 서버 사용하는 것도 있다. 1년동안 무료. 오호.. 아무튼 네이버아이디로 로그인이 안되므로 가입해야한다. 

가입후 네이버 연동은 가능함.



[출처] 네이버 지도 API를 사용해보자.|작성자 플센스

https://blog.naver.com/plsense/221402878555



사용하기 좋은 모양 가져와서 사용한다.



가입하러가기

https://www.ncloud.com/product/applicationService/maps



<!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=네이버API클라이언트아이디"></script>

</head>

<body>


<div id="map" style="width:100%;height:400px;"></div>


<script>

var mapOptions = {

    center: new naver.maps.LatLng(35.8862487, 128.6023765),

    zoom: 10

};


var map = new naver.maps.Map('map', mapOptions);


var markerOptions = {

    position: new naver.maps.LatLng(35.8862487, 128.6023765),

    map: map

};


var marker = new naver.maps.Marker(markerOptions);

</script>

</body>

</html>



지도에서 위치 좌표찾기


http://ktsmemo.cafe24.com/s/naver_map_v3/336


네이버지도 api사용이 2019. 4월부터는 유료화된단다. 저렴하지만.

반응형