네이버 지도 API 간단히 지도와 마커, 인포 윈도우
페이지 정보
작성자 허니무스 댓글 0건 조회 2,010회 작성일 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>댓글목록
등록된 댓글이 없습니다.