JaeJu-Three.js/map.html at master · KimJaea/JaeJu-Three.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Project JaeJu Hospital</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta name="description" content="Project JaeJu" />
        <meta name="author" content="Kim Jaea & Hong JuHee" />
		<link type="text/css" rel="stylesheet" href="./css/main.css">
	</head>
	<body>
		<script>
			function hideDiv (){
			  document.getElementById("ann").style.display="none";
			}
			self.setTimeout("hideDiv()",5000);
		</script>
		<header>
			<img class="logo" src="./assets//J.png" alt="logo">
			<nav>
				<ul class="nav__links">
					<li><a id="button1" href="/">Main</a></li>
					<li><a id="button2" href="/eeg">Send EEG</a></li>
					<li><a id="button3" href="#">Hospital</a></li>
					<li><a id="button4" href="/graph">Record</a></li>
				</ul>
			</nav>
			<a class="cta" href="https://github.com/KimJaea/JaeJu-GetEEG" target="_blank"><button>Contact</button></a>
		</header>
		<div class="announcement-left">
			<br>마우스를 이용해 화면을 움직여보세요.
		</div>
		<div class="announcement-left" id="ann">
			<br><br>병원 목록을 확인하고 싶은 지역을 선택하세요.
		</div>
		<!-- Map -->
		<script type = "module" src="./js/map.js"></script>
		<script src="js/hospital_data.json"></script>
		<!-- Map Info --> <!-- Scroll Problem -->
		<div class="information">
			<div class="map-info-frame">
				<nav>
					<ul id="list-info"></ul>
				</nav>
			</div>
		</div>
		<!-- Font Awesome icons (free version)-->
        <script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
        <!-- Geocoding API -->
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAgvWdfxKIz3jNw_ji2E2pxmU0DDfYonjA&libraries=places&v=weekly&channel=2"async defer></script>
        <script src="https://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&key=AIzaSyAgvWdfxKIz3jNw_ji2E2pxmU0DDfYonjA"></script>
	</body>
</html>