-
Notifications
You must be signed in to change notification settings - Fork 0
/
map.html
102 lines (83 loc) · 3.16 KB
/
map.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
<!doctype html>
<!-- 이 부분은 주석문 입니다. 웹 브라우더는 주석을 화면에 출력하지 않습니다.-->
<!-- 로그인 후 화면-->
<html>
<! 탭에 표시되는 이름>
<title>
카카오맵 연동 테스트</title>
<! head태그 - 가장 위에 붙는 아이들>
<head>
<! 메타 태그>
<meta name="author" content="학번">
<meta charset="utf-8">
<meta name="keywords" content="computer">
<! 메타 링크>
<base href="https://cuj-gybla.run.goorm.app">
<! 스크립트>
<script type = "text/javascript" src = "//dapi.kakao.com/v2/maps/sdk.js?appkey=cf08ca97c1ce7570830d8b4fc511f23d&libraries=services"></script>
<script src = "JS/over.js"></script>
<script src = "JS/map.js"defer></script>
<script src = "JS/map2.js"defer></script>
<script src = "JS/map_popup.js"></script>
<link rel = "stylesheet" href = "css/map_style.css">
</head>
<! body태그 - 중간에 들어가는 것들>
<body>
<! 사용자 이메일과 로그아웃 버튼>
<p style = "text-align:right">
<button type = "button" style = "WIDTH : 130pt; HEIGHT : 35pt; COLOR : WHITE; background-color : WHITE">
<B>
<font size = "2em" style = "COLOR : BLACK"> <script src = "JS/get_session_id.js"></script> </font>
</B>
</button>
<! 로그아웃하면 index.html로 이동, 쿠키삭제, 로컬삭제>
<button type = "button" style = "WIDTH : 80pt; HEIGHT : 35pt; color : WHITE; background-color : GRAY"
onclick = "self.location.href = 'index.html'; delCookie(); local_del();">
<B>
<font size = "3em"> 로그아웃
</font>
</B>
</button> <! 로그아웃 버튼 추가>
<br>
</p>
<br>
<! br은 줄 바꿈입니다.>
<hr>
<!hr은 밑줄을 그려주는 아이이다.>
<! 이미지 삽입>
<p style="text-align:center">
<a href="index.html" target="_blank">
<img src="img/google_img.png" alt="구글이미지" onmouseover = "over(this)" onmouseout = "out(this)">
</a>
<!구글 이미지 아래에 문자열을 추가하기 위한 공백>
<br><br><br>
</p>
<! 검색하면 카카오맵 페이지로 이동>
<form action = "https://map.kakao.com/link/search/">
<p style="text-align:center">
검색 :
<input type="text" name="s" id="keyword1" size="55" value="">
<! 검색버튼 클릭하면 mpa_popup함수 실행>
<input type="button" onclick ="map_popup();" value = "검색">
<br>
</p>
</form>
<! 간격을 위해 줄바꿈을 여러번 추가>
<br><br><br><br>
<! 맵 삽입>
<div class="map_wrap">
<div id="map" style="width:100%;height:100%;position:relative;overflow:hidden;"></div>
<div id="menu_wrap" class="bg_white">
<div class="option">
<form onsubmit="searchPlaces(); return false;"> 키워드 :
<input type="text" value="이태원 맛집" id="keyword" size="15">
<button type="submit">검색하기</button>
</form>
</div>
<hr>
<ul id="placesList"></ul>
<div id="pagination"></div>
</div>
</div>
</body>
</html>