-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
116 lines (99 loc) · 6.12 KB
/
index.html
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<html>
<head>
<title>전국 무료 급식소 찾기</title>
<meta charset="utf-8"/>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
<meta name="author" content="MS Player">
<meta name="description" content="찾고 연락하고 찾아가고, 전국 무료 급식소 찾기">
<meta property="og:image" content="https://user-images.githubusercontent.com/41516228/129473785-43b1d69d-f2ad-414a-a52e-56df6490e5fb.png">
<meta property="og:description" content="찾고 연락하고 찾아가고, 전국 무료 급식소 찾기">
<meta property="og:title" content="전국 무료 급식소 찾기">
<link rel="shortcut icon" href="icons/favicon.ico">
<link rel="icon" href="icons/favicon.ico">
<link rel="stylesheet" href="css/map.css" type="text/css">
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css" type="text/css">
<style>
.hide_scroll::-webkit-scrollbar {
display: none;
}
.hide_scroll {
-ms-overflow-style: none; /* IE and 엣지 */
scrollbar-width: none; /* 파이어폭스 */
}
</style>
</head>
<body>
<p><input type="text" class="search" style="position: absolute; z-index: 2;" placeholder=" 지역, 건물명, 도로명을 검색하세요." onkeypress="if( event.keyCode == 13 ){searchPlaces();}"/></p>
<!-- BOX BASE MODEL -->
<div id="cafeteria_box">
<div class="cafeteria_list_box" style="position:fixed; z-index: 3; display: flex; display: none;">
<span class="cafeteria_name">MS Player = Project Name: FindCafeteria!</span><button class="cafeteria_x_button"><img src="icons/cancel_grey.svg" alt="cancel" onclick="close_cafeteria_list_box()"></button>
<br>
<span class="cafeteria_address">Fullstack: 안재범</span><br><br>
<span class="topic_txt">지급대상</span><br>
<span class="target_person">UI/UX: 표한빈</span><br><br>
<span class="topic_txt">영업시간</span><br>
<a>
<span class="time">BackEnd: 이지성</span><br>
<span class="day_of_the_week">BackEnd: 김병국</span>
</a>
<a class="call" href='javascript:alert("준비중입니다.");'>
<div style="display: flex; align-items: center; justify-content: center;">
<i class="fa fa-phone" aria-hidden="true" style="color: #ffffff; font-size: 30px;"></i>
</div>
</a>
</div>
</div>
<div class="Bottombar" style="position:fixed; z-index: 2; display: flex;">
<center style="flex: 1;"><img src="icons/map_green.svg" alt="map"></center>
<center style="flex: 1;"><button onClick="location.href='list.html'"><img src="icons/list_grey.svg" alt="list"></button></center>
<center style="flex: 1;"><button onClick="location.href='information.html'"><img src="icons/settings_grey.svg" alt="setting"></button></center>
</div>
<div class="slide hide_scroll" style="position: absolute; z-index: 2;">
<button onclick="Seoul()">서울</button>
<button onclick="Ich()">인천</button>
<button onclick="Gyung()">경기도</button>
<button onclick="Gju()">광주</button>
<button onclick="Jenn()">전라남도</button>
<button onclick="Jenb()">전라북도</button>
<button onclick="Usn()">울산</button>
<button onclick="Psu()">부산</button>
<button onclick="Dau()">대구</button>
<button onclick="Gys()">경상남도</button>
<button onclick="Gyn()">경상북도</button>
<button onclick="Gang()">강원도</button>
<button onclick="Djn()">대전</button>
<button onclick="Man()">세종</button>
<button onclick="Chns()">충청남도</button>
<button onclick="Chnn()">충청북도</button>
<button onclick="Jeju()">제주도</button>
</div>
<button id="compass" class="compass" style="position: absolute; z-index: 2;" onclick="getCurrentPosBtn()">
<center class="compassicon">
<img src="icons/compass_grey.svg" alt="compass"
onmouseover="this.src='icons/compass_green.svg'"
onmouseout="this.src='icons/compass_grey.svg'">
</center>
</button>
<div class="zoom" style="position: absolute; z-index: 2;">
<button class="zoom_button" onclick="zoomIn()">
<img src="icons/Icon feather-plus.svg" alt="In">
</button>
<div class="zoom_bar"></div>
<button class="zoom_button" style="height: 25px;" onclick="zoomOut()">
<img src="icons/Icon feather-minus.svg" alt="Out">
</button>
</div>
<button id="satelite" class="satelite" style="position: absolute; z-index: 2;" onclick="setMapType()">
<center class="sateliteicon">
<img src="icons/satelite_grey.svg" alt="satelite_grey" id="satelite_grey" style="display: block;">
<img src="icons/satelite_green.svg" alt="satelite_green" id="satelite_green" style="display: none;">
</center>
</button>
<!-- 지도를 표시할 div 입니다 -->
<div id="map" style="height: 100%; width: 100%; position: relative; z-index: 1;"></div>
<script type="text/javascript" src="json_data.json"></script>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=e58d2ef781fe0fa2dc40f1e1548213b5&libraries=services,clusterer,drawing"></script>
<script type="text/javascript" src="js/map.js"></script>
</body>
</html>