FrontEnd
네이버 지도
xeant
조회 수 : 53 2024.02.26 13:36
: 0
<div id="map" style="width:100%; height:500px; "></div> <script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?clientId=ltRXmpxrh9tyanV7Sq_U"></script> <script type="text/javascript"> window.onload = function() { var position = new naver.maps.LatLng(37.5708957, 126.99341230000004); var map = new naver.maps.Map('map', { center: position, //지도의 초기 중심 좌표 zoom: 12, //지도의 초기 줌 레벨 minZoom: 1, //지도의 최소 줌 레벨 zoomControlOptions: { //줌 컨트롤의 옵션 position: naver.maps.Position.TOP_RIGHT } }); var marker = new naver.maps.Marker({ position: position, map: map }); var str = "<div style='margin-top:10px;margin-left:20px;width:330px;'><ul><li><img src='/layouts/kants_mobile/img/logo.jpg'><li>주소: 서울시 종로구 봉익동 82번지 금은 상가 302호</li><li>전화: 1544-6494</li></div>"; var infowindow = new naver.maps.InfoWindow({ content: str }); infowindow.open(map, marker); naver.maps.Event.addListener(marker, "click", function(e) { if (infowindow.getMap()) { infowindow.close(); } else { infowindow.open(map, marker); } }); }; </script>

 

 

댓글 0
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 용량 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )
댓글이 없습니다. (0)