행위

사용자

"Red"의 두 판 사이의 차이

red

(Maps 익스텐션1)
(연습)
107번째 줄: 107번째 줄:
 
==연습==
 
==연습==
 
<html>
 
<html>
 
+
<head>
<head>
+
<title>My Leaflet Map</title>
<!--STEP 1: CSS 추가하기 -->
+
<link rel="stylesheet" href="//unpkg.com/leaflet@1.0.2/dist/leaflet.css" />
<!--CDN 방식 -->
+
<style type="text/css">
<!--<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.3/dist/leaflet.css"/>-->
+
#map {
<!-- Download 방식 -->
+
https://riptutorial.com/ 3
<link rel="stylesheet" href="css/leaflet@1.3.3/leaflet.css"/>
+
height: 500px;
<!--STEP 3: 지도 영역 관련 CSS 추가하기 -->
+
}
<link rel="stylesheet" href="css/main.css"/>
+
</style>
<!--STEP 2: JS 추가하기 -->
+
</head>
<!--CDN 방식 -->
+
<body>
<!--<script src="https://unpkg.com/leaflet@1.3.3/dist/leaflet.js"></script>-->
+
<div id="map"></div>
<!-- Download 방식 -->
+
<script src="//unpkg.com/leaflet@1.0.2/dist/leaflet.js"></script>
<script src="js/leaflet@1.3.3/leaflet.js"></script>
+
<script>
</head>
+
var map = L.map('map').setView([51.505, -0.09], 13);
 
+
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
<body>
+
<!-- 배경지도 영역 추가하기-->
+
contributors'
<div id="map" class="map"></div>
+
}).addTo(map);
<script>
+
L.marker([51.5, -0.09]).addTo(map)
var lat = 36.1358642; //위도
+
.bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
var lng = 128.0785804; //경도
+
.openPopup();
var zoom = 7; //줌 레벨
+
</script>
var mymap = L.map('map', {
+
</body>
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; https://www.openstreetmap.org/copyright">OpenStreetMap contributors' //화면 오른쪽 하단 attributors
 
}).addTo(mymap);
 
</script>
 
</body>
 
 
 
 
</html>
 
</html>

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

기초 관리

박사학위논문

온톨로지

디지털 인문학 연구


시맨틱 데이터 관련 틀

기타

수필교육론

가람일기

틀(Frame)

기본

태그

가람일기 예시 페이지

XML 다운로드 링크

경북 보호수 사업 제안

네트워크 그래프

위키 페이지

예시: <marquee>

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


"니당이는 귀여워"

예시: 유튜브영상

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

Maps 익스텐션1

지도를 불러오는 중...

연습

My Leaflet Map