네이버 지도 API 간단히 지도와 마커, 인포 윈도우
페이지 정보
작성자 허니무스 댓글 0건 조회 795회 작성일 22-01-25 16:44본문
네이버 클라우드 플랫폼에서 API발급 후 사용
기술문서 - https://navermaps.github.io/maps.js.ncp/
<script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=CLIENT-ID"></script> <div id="map" style="width:100%;height:400px;"></div> <script> var mapOptions = { center: new naver.maps.LatLng(35.94718559151657, 126.55728054498618), zoom: 18 }; var map = new naver.maps.Map('map', mapOptions); var marker = new naver.maps.Marker({ position: new naver.maps.LatLng(35.94718559151657, 126.55728054498618), map: map }); var infoWindow = new naver.maps.InfoWindow({ content: '<div style="width:150px;text-align:center;padding:10px;">인포윈도우</div>' }); infoWindow.open(map, marker); </script>
댓글목록
등록된 댓글이 없습니다.