|
|
(같은 사용자의 중간 판 96개는 보이지 않습니다) |
1번째 줄: |
1번째 줄: |
− | <!--
| + | ==인사말== |
− | ==이름== | + | 안녕하세용? 저는 뉴인태입니다.<br/>늘 새롭게 살자는 마인드로 살고 있습니당.<br/>저는 전남대학교에서 놀고 있습니당.<br/>제 최애색깔은 그린그린입니당.<br/>제 MBTI는 INTJ입니당. 티발씨! |
− | 류인태
| |
| | | |
− | ==성별== | + | ==기본정보== |
− | 남자입니다
| |
| | | |
− | ==학력== | + | ==상세정보== |
− | 박사
| |
| | | |
− | ==고향== | + | ===함께하는 분들=== |
− | 경남 진주
| |
| | | |
− | ==이 수업을 통해 얻을 수 있는 것== | + | ===나누고픈 순간=== |
| | | |
− | ==과제== | + | ===기억하는 공간=== |
| | | |
− | ==나의 데이터 네트워크== | + | ===좋아하는 영상=== |
− | {{NetworkGraph | title=류인태.lst}}
| |
− | | |
− | ==='''이미지'''=== | |
− | <gallery>
| |
− | File:finetree.png|<center>나무사진</center><br/>
| |
− | File:woods.png|<center>숲사진</center><br/>
| |
− | File:village.png|<center>마을사진</center><br/>
| |
− | File:structure.png|<center>문화재사진</center>
| |
− | </gallery>
| |
− | | |
− | ==='''전자지도'''===
| |
− | <html>
| |
− | <head>
| |
− | <meta charset="utf-8">
| |
− | <title>이미지 마커와 커스텀 오버레이 + 지도에 지형도 표시하기</title>
| |
− | <style>
| |
− | .customoverlay {position:relative;bottom:85px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
| |
− | .customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
| |
− | .customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
| |
− | .customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
| |
− | .customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
| |
− | </style>
| |
− | </head>
| |
− | | |
− | | |
− | <body>
| |
− | <div id="map" style="width:100%;height:500px;" align="center"></div>
| |
− | | |
− | <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=89916f622dee27781f9dd08224b875a1"></script>
| |
− | <script>
| |
− | var mapContainer = document.getElementById('map'), // 지도를 표시할 div
| |
− | mapOption = {
| |
− | center: new daum.maps.LatLng(36.674159, 128.638974), // 지도의 중심좌표
| |
− | level: 5// 지도의 확대 레벨
| |
− | };
| |
− | | |
− | var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
| |
− | | |
− | // 지도에 지형정보를 표시하도록 지도타입을 추가합니다
| |
− | map.addOverlayMapTypeId(daum.maps.MapTypeId.TERRAIN);
| |
− | | |
− | // 아래 코드는 위에서 추가한 지형정보 지도타입을 제거합니다
| |
− | map.removeOverlayMapTypeId(daum.maps.MapTypeId.TERRAIN);
| |
− | | |
− | // 일반뷰와 스카이뷰로 타입 전환이 가능한 컨트롤 생성
| |
− | var mapTypeControl = new daum.maps.MapTypeControl();
| |
− | | |
− | // 지도에 컨트롤을 추가해야 지도위에 표시됩니다
| |
− | // daum.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다
| |
− | map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT);
| |
− | | |
− | // 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다
| |
− | var zoomControl = new daum.maps.ZoomControl();
| |
− | map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);
| |
− | | |
− | //지형정보 표시
| |
− | //map.addOverlayMapTypeId(daum.maps.MapTypeId.TERRAIN);
| |
− | | |
− | // 아래 코드는 위에서 추가한 지형정보 지도타입 제거
| |
− | //map.removeOverlayMapTypeId(daum.maps.MapTypeId.TERRAIN);
| |
− | | |
− | var imageSrc = 'http://dh.aks.ac.kr/~red/images/finetree_marker.png', // 마커이미지의 주소입니다
| |
− | imageSize = new daum.maps.Size(50, 50), // 마커이미지의 크기입니다
| |
− | imageOption = {offset: new daum.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.
| |
− | | |
− | // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다
| |
− | var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize, imageOption),
| |
− | markerPosition = new daum.maps.LatLng(36.674159, 128.638974); // 마커가 표시될 위치입니다
| |
− | | |
− | // 마커를 생성합니다
| |
− | var marker = new daum.maps.Marker({
| |
− | position: markerPosition,
| |
− | image: markerImage // 마커이미지 설정
| |
− | });
| |
− | | |
− | // 마커가 지도 위에 표시되도록 설정합니다
| |
− | marker.setMap(map);
| |
− | | |
− | | |
− | | |
− | </script>
| |
− | </body>
| |
− | </html>
| |
− | -->
| |
안녕하세용? 저는 뉴인태입니다.
늘 새롭게 살자는 마인드로 살고 있습니당.
저는 전남대학교에서 놀고 있습니당.
제 최애색깔은 그린그린입니당.
제 MBTI는 INTJ입니당. 티발씨!