사이트 내 전체검색

HTML

네이버 지도 API 간단히 지도와 마커, 인포 윈도우

페이지 정보

작성자 허니무스 댓글 0건 조회 464회 작성일 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>

댓글목록

등록된 댓글이 없습니다.


CE.M
Copyright © calcevery.me. All rights reserved.
login