행위

사용자

"Red"의 두 판 사이의 차이

red

(→‎Maps 익스텐션2)
(→‎Maps 익스텐션1)
104번째 줄: 104번째 줄:
 
==Maps 익스텐션1==
 
==Maps 익스텐션1==
 
{{#display_map:center=Seoul|width=100%|height=600}}
 
{{#display_map:center=Seoul|width=100%|height=600}}
 +
 +
==연습==
 +
<html>
 +
 +
<head>
 +
<!--STEP 1: CSS 추가하기 -->
 +
<!--CDN 방식 -->
 +
<!--<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.3/dist/leaflet.css"/>-->
 +
<!-- Download 방식 -->
 +
<link rel="stylesheet" href="css/leaflet@1.3.3/leaflet.css"/>
 +
<!--STEP 3: 지도 영역 관련 CSS 추가하기 -->
 +
<link rel="stylesheet" href="css/main.css"/>
 +
<!--STEP 2: JS 추가하기 -->
 +
<!--CDN 방식 -->
 +
<!--<script src="https://unpkg.com/leaflet@1.3.3/dist/leaflet.js"></script>-->
 +
<!-- Download 방식 -->
 +
<script src="js/leaflet@1.3.3/leaflet.js"></script>
 +
</head>
 +
 +
<body>
 +
<!-- 배경지도 영역 추가하기-->
 +
<div id="map" class="map"></div>
 +
<script>
 +
var lat = 36.1358642; //위도
 +
var lng = 128.0785804; //경도
 +
var zoom = 7; //줌 레벨
 +
var mymap = L.map('map', {
 +
center: [lat, lng],
 +
zoom: zoom
 +
});
 +
//L.tileLayer('http://xdworld.vworld.kr:8080/2d/Base/service/{z}/{x}/{y}.png').addTo(mymap); //브이월드 지도
 +
//L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(mymap); //OSM
 +
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
 +
attribution: '&copy; OpenStreetMap contributors' //화면 오른쪽 하단 attributors
 +
}).addTo(mymap);
 +
</script>
 +
</body>
 +
 +
</html>

2020년 5월 28일 (목) 12:12 판

기초 관리

박사학위논문

온톨로지

디지털 인문학 연구


시맨틱 데이터 관련 틀

기타

수필교육론

가람일기

틀(Frame)

기본

태그

가람일기 예시 페이지

XML 다운로드 링크

경북 보호수 사업 제안

틀

네트워크 그래프

위키 페이지

예시: <marquee>

배경은 검정색 좌우 반복합니다 위쪽으로 스크롤 됩니다 한번에 16픽셀씩 움직입니다


"니당이는 귀여워"

예시: 유튜브영상

1. 앞뒤로 html 태그 붙일 것
2. 2019년도에? 크롬 정책이 변경되어서 autoplay=1 뒤에 플레이리스트 어쩌구 썼는데, 그게 아니라 걍 오토플레이=1 하고 제일뒤에 allow=오토플레이 어쩌구 요거 해주면 됨

Maps 익스텐션1

지도를 불러오는 중...

연습

원본 주소 "http://dh.aks.ac.kr/~red/wiki/index.php?title=사용자:Red&oldid=11874"