이유제 / CultureGallery

Go to a project
Toggle navigation Toggle navigation pinning
송효섭
a6872f5c 1 parent 4545492f

favicon.ico updated

Expand all
Inline Side-by-side
Showing 9 changed files with 66 additions and 52 deletions
This diff is collapsed. Click to expand it.
No preview for this file type
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 - <head> 3 +
4 +<head>
4 <title> 5 <title>
5 <%= title%> 6 <%= title%>
6 <script> 7 <script>
...@@ -8,30 +9,32 @@ ...@@ -8,30 +9,32 @@
8 </script> 9 </script>
9 </title> 10 </title>
10 <link rel="stylesheet" href='/stylesheets/mapPage_style.css' type="text/css"> 11 <link rel="stylesheet" href='/stylesheets/mapPage_style.css' type="text/css">
12 + <link rel="shortcut icon" href="/images/favicon.ico">
13 + <link rel="icon" href="/images/favicon.ico">
11 <script src="https://developers.kakao.com/sdk/js/kakao.js"></script> 14 <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
12 <script> 15 <script>
13 Kakao.init('0678e32dab56db1c52ac63ab4ccb7663') 16 Kakao.init('0678e32dab56db1c52ac63ab4ccb7663')
14 - function sendLink(id){ 17 + function sendLink(id) {
15 - var data=[]; 18 + var data = [];
16 var strData = "<%= data %>"; 19 var strData = "<%= data %>";
17 - var splitData=strData.split(','); 20 + var splitData = strData.split(',');
18 - for(var i=0;i<splitData.length;i+=5){ 21 + for (var i = 0; i < splitData.length; i += 5) {
19 - data.push([Number(splitData[i]),splitData[i+1],Number(splitData[i+2]),Number(splitData[i+3]),splitData[i+4],splitData[i+5]]); 22 + data.push([Number(splitData[i]), splitData[i + 1], Number(splitData[i + 2]), Number(splitData[i + 3]), splitData[i + 4], splitData[i + 5]]);
20 } 23 }
21 var index; 24 var index;
22 - for(var i=0;i<data.length;i++){ 25 + for (var i = 0; i < data.length; i++) {
23 console.log(data.length); 26 console.log(data.length);
24 - if(data[i][0]===id){ 27 + if (data[i][0] === id) {
25 - index=i; 28 + index = i;
26 Kakao.Link.sendDefault({ 29 Kakao.Link.sendDefault({
27 objectType: 'location', 30 objectType: 'location',
28 address: `${data[i][5]}`, 31 address: `${data[i][5]}`,
29 addressTitle: `${data[i][1]}`, 32 addressTitle: `${data[i][1]}`,
30 - content:{ 33 + content: {
31 title: `공연 이름: ${data[i][1]}\n공연 위치: ${data[i][5]}`, 34 title: `공연 이름: ${data[i][1]}\n공연 위치: ${data[i][5]}`,
32 - description: `${splitData[i+2]}`, 35 + description: `${splitData[i + 2]}`,
33 - imageUrl:'https://ifh.cc/g/aEvr86.png', 36 + imageUrl: 'https://ifh.cc/g/aEvr86.png',
34 - link:{ 37 + link: {
35 mobileWebUrl: 'http://naver.com', 38 mobileWebUrl: 'http://naver.com',
36 webUrl: 'http://naver.com', 39 webUrl: 'http://naver.com',
37 }, 40 },
...@@ -51,8 +54,9 @@ ...@@ -51,8 +54,9 @@
51 54
52 } 55 }
53 </script> 56 </script>
54 - </head> 57 +</head>
55 - <body> 58 +
59 +<body>
56 <header> 60 <header>
57 <div class="nav-bar"> 61 <div class="nav-bar">
58 <img src="../images/icon.png" alt="" class="logo"> 62 <img src="../images/icon.png" alt="" class="logo">
...@@ -72,9 +76,8 @@ ...@@ -72,9 +76,8 @@
72 76
73 </div> 77 </div>
74 78
75 - <div class= "box1"> 79 + <div class="box1">
76 - <div id="map" 80 + <div id="map" style="
77 - style="
78 position: absolute; 81 position: absolute;
79 border-radius: 5%; 82 border-radius: 5%;
80 width:500px; height:60vh; 83 width:500px; height:60vh;
...@@ -89,7 +92,7 @@ ...@@ -89,7 +92,7 @@
89 <div style="position:absolute; top: 110vh; width:100%; color: #000;"> 92 <div style="position:absolute; top: 110vh; width:100%; color: #000;">
90 <h2 style="text-align:center;"> 찾은 공연 </h2> 93 <h2 style="text-align:center;"> 찾은 공연 </h2>
91 </div> 94 </div>
92 - <table class="table" > 95 + <table class="table">
93 <tr> 96 <tr>
94 <th>id</th> 97 <th>id</th>
95 <th>행사 이름</th> 98 <th>행사 이름</th>
...@@ -106,22 +109,23 @@ ...@@ -106,22 +109,23 @@
106 109
107 110
108 111
109 - <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=a3386042ab2e0550ea06d265855b452c"></script> 112 + <script type="text/javascript"
110 -<script> 113 + src="//dapi.kakao.com/v2/maps/sdk.js?appkey=a3386042ab2e0550ea06d265855b452c"></script>
111 - var dataContainer=document.getElementById('map-data'); 114 + <script>
112 -var mapContainer = document.getElementById('map'), // 지도를 표시할 div 115 + var dataContainer = document.getElementById('map-data');
116 + var mapContainer = document.getElementById('map'), // 지도를 표시할 div
113 mapOption = { 117 mapOption = {
114 center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표 118 center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
115 level: 10 // 지도의 확대 레벨 119 level: 10 // 지도의 확대 레벨
116 }; 120 };
117 121
118 -var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다 122 + var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
119 123
120 -// HTML5의 geolocation으로 사용할 수 있는지 확인합니다 124 + // HTML5의 geolocation으로 사용할 수 있는지 확인합니다
121 -if (navigator.geolocation) { 125 + if (navigator.geolocation) {
122 126
123 // GeoLocation을 이용해서 접속 위치를 얻어옵니다 127 // GeoLocation을 이용해서 접속 위치를 얻어옵니다
124 - navigator.geolocation.getCurrentPosition(function(position) { 128 + navigator.geolocation.getCurrentPosition(function (position) {
125 129
126 var lat = position.coords.latitude, // 위도 130 var lat = position.coords.latitude, // 위도
127 lon = position.coords.longitude; // 경도 131 lon = position.coords.longitude; // 경도
...@@ -129,23 +133,23 @@ if (navigator.geolocation) { ...@@ -129,23 +133,23 @@ if (navigator.geolocation) {
129 var locPosition = new kakao.maps.LatLng(lat, lon), // 마커가 표시될 위치를 geolocation으로 얻어온 좌표로 생성합니다 133 var locPosition = new kakao.maps.LatLng(lat, lon), // 마커가 표시될 위치를 geolocation으로 얻어온 좌표로 생성합니다
130 message = '<div style="padding:5px;">내 위치</div>'; // 인포윈도우에 표시될 내용입니다 134 message = '<div style="padding:5px;">내 위치</div>'; // 인포윈도우에 표시될 내용입니다
131 displayMarker(locPosition, message); 135 displayMarker(locPosition, message);
132 - function funcA(){ 136 + function funcA() {
133 alert("hi"); 137 alert("hi");
134 } 138 }
135 - var data=[]; 139 + var data = [];
136 var strData = "<%= data %>"; 140 var strData = "<%= data %>";
137 - var splitData=strData.split(','); 141 + var splitData = strData.split(',');
138 - for(var i=0;i<splitData.length;i+=5){ 142 + for (var i = 0; i < splitData.length; i += 5) {
139 - data.push([Number(splitData[i]),splitData[i+1],Number(splitData[i+2]),Number(splitData[i+3]),splitData[i+4],splitData[i+5]]); 143 + data.push([Number(splitData[i]), splitData[i + 1], Number(splitData[i + 2]), Number(splitData[i + 3]), splitData[i + 4], splitData[i + 5]]);
140 } 144 }
141 for (var i = 0; i < data.length; i++) { 145 for (var i = 0; i < data.length; i++) {
142 var latgap = (lat - data[i][2]) * 110; 146 var latgap = (lat - data[i][2]) * 110;
143 var longap = (lon - data[i][3]) * 91; 147 var longap = (lon - data[i][3]) * 91;
144 var cal = latgap * latgap + longap * longap; 148 var cal = latgap * latgap + longap * longap;
145 if (cal <= 1600) { 149 if (cal <= 1600) {
146 - var locP=new kakao.maps.LatLng(data[i][2], data[i][3]), 150 + var locP = new kakao.maps.LatLng(data[i][2], data[i][3]),
147 message = `${data[i][0]} : ${data[i][1]}`; 151 message = `${data[i][0]} : ${data[i][1]}`;
148 - displayShowMarker(locP,message); 152 + displayShowMarker(locP, message);
149 var row = `<tr> 153 var row = `<tr>
150 <td> ${data[i][0]}</td> 154 <td> ${data[i][0]}</td>
151 <td> ${data[i][1]}</td> 155 <td> ${data[i][1]}</td>
...@@ -155,7 +159,7 @@ if (navigator.geolocation) { ...@@ -155,7 +159,7 @@ if (navigator.geolocation) {
155 <td> <input type="button" onclick="sendLink(${data[i][0]})" value="전송하기"> </td> 159 <td> <input type="button" onclick="sendLink(${data[i][0]})" value="전송하기"> </td>
156 160
157 </tr>` 161 </tr>`
158 - dataContainer.innerHTML+=row; 162 + dataContainer.innerHTML += row;
159 } 163 }
160 } 164 }
161 // 165 //
...@@ -164,21 +168,21 @@ if (navigator.geolocation) { ...@@ -164,21 +168,21 @@ if (navigator.geolocation) {
164 168
165 }); 169 });
166 170
167 -} else { // HTML5의 GeoLocation을 사용할 수 없을때 마커 표시 위치와 인포윈도우 내용을 설정합니다 171 + } else { // HTML5의 GeoLocation을 사용할 수 없을때 마커 표시 위치와 인포윈도우 내용을 설정합니다
168 172
169 var locPosition = new kakao.maps.LatLng(33.450701, 126.570667), 173 var locPosition = new kakao.maps.LatLng(33.450701, 126.570667),
170 message = 'geolocation을 사용할수 없어요..' 174 message = 'geolocation을 사용할수 없어요..'
171 175
172 displayMarker(locPosition, message); 176 displayMarker(locPosition, message);
173 -} 177 + }
174 -function displayShowMarker(locPosition,message){ 178 + function displayShowMarker(locPosition, message) {
175 var imageSrc = "https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png"; 179 var imageSrc = "https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png";
176 180
177 181
178 var imageSize = new kakao.maps.Size(24, 35); 182 var imageSize = new kakao.maps.Size(24, 35);
179 183
180 -// 마커 이미지를 생성합니다 184 + // 마커 이미지를 생성합니다
181 -var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize); 185 + var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize);
182 var marker = new kakao.maps.Marker({ 186 var marker = new kakao.maps.Marker({
183 map: map, 187 map: map,
184 position: locPosition, 188 position: locPosition,
...@@ -189,9 +193,9 @@ var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize); ...@@ -189,9 +193,9 @@ var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize);
189 // 지도 중심좌표를 접속위치로 변경합니다 193 // 지도 중심좌표를 접속위치로 변경합니다
190 map.setCenter(locPosition); 194 map.setCenter(locPosition);
191 195
192 -} 196 + }
193 -// 지도에 마커와 인포윈도우를 표시하는 함수입니다 197 + // 지도에 마커와 인포윈도우를 표시하는 함수입니다
194 -function displayMarker(locPosition, message) { 198 + function displayMarker(locPosition, message) {
195 199
196 // 마커를 생성합니다 200 // 마커를 생성합니다
197 var marker = new kakao.maps.Marker({ 201 var marker = new kakao.maps.Marker({
...@@ -204,8 +208,8 @@ function displayMarker(locPosition, message) { ...@@ -204,8 +208,8 @@ function displayMarker(locPosition, message) {
204 208
205 // 인포윈도우를 생성합니다 209 // 인포윈도우를 생성합니다
206 var infowindow = new kakao.maps.InfoWindow({ 210 var infowindow = new kakao.maps.InfoWindow({
207 - content : iwContent, 211 + content: iwContent,
208 - removable : iwRemoveable 212 + removable: iwRemoveable
209 }); 213 });
210 214
211 // 인포윈도우를 마커위에 표시합니다 215 // 인포윈도우를 마커위에 표시합니다
...@@ -213,10 +217,10 @@ function displayMarker(locPosition, message) { ...@@ -213,10 +217,10 @@ function displayMarker(locPosition, message) {
213 217
214 // 지도 중심좌표를 접속위치로 변경합니다 218 // 지도 중심좌표를 접속위치로 변경합니다
215 map.setCenter(locPosition); 219 map.setCenter(locPosition);
216 -} 220 + }
217 -</script> 221 + </script>
218 222
219 -<div style="position:absolute; top:200vh"> _ </div> 223 + <div style="position:absolute; top:200vh"> _ </div>
220 - </body> 224 +</body>
221 225
222 </html> 226 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -8,6 +8,8 @@ ...@@ -8,6 +8,8 @@
8 <meta charset="UTF-8"> 8 <meta charset="UTF-8">
9 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0">
10 <link rel="stylesheet" href='/stylesheets/mapPage_style.css' type="text/css"> 10 <link rel="stylesheet" href='/stylesheets/mapPage_style.css' type="text/css">
11 + <link rel="shortcut icon" href="/images/favicon.ico">
12 + <link rel="icon" href="/images/favicon.ico">
11 </head> 13 </head>
12 14
13 <body> 15 <body>
......
...@@ -3,6 +3,8 @@ ...@@ -3,6 +3,8 @@
3 <head> 3 <head>
4 <title>Culture Gallery</title> 4 <title>Culture Gallery</title>
5 <link rel="stylesheet" href='/stylesheets/login_style.css' type="text/css"> 5 <link rel="stylesheet" href='/stylesheets/login_style.css' type="text/css">
6 + <link rel="shortcut icon" href="/images/favicon.ico">
7 + <link rel="icon" href="/images/favicon.ico">
6 <script src="https://developers.kakao.com/sdk/js/kakao.js"></script> 8 <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
7 9
8 </head> 10 </head>
......
...@@ -3,6 +3,9 @@ ...@@ -3,6 +3,9 @@
3 <head> 3 <head>
4 <title>Culture Gallery</title> 4 <title>Culture Gallery</title>
5 <link rel="stylesheet" href='/stylesheets/main_style.css' type="text/css"> 5 <link rel="stylesheet" href='/stylesheets/main_style.css' type="text/css">
6 + <link rel="shortcut icon" href="/images/favicon.ico">
7 + <link rel="icon" href="/images/favicon.ico">
8 +
6 </head> 9 </head>
7 10
8 <body> 11 <body>
...@@ -18,9 +21,7 @@ ...@@ -18,9 +21,7 @@
18 <li><a href="">Contact</a></li> 21 <li><a href="">Contact</a></li>
19 </ul> 22 </ul>
20 </div> 23 </div>
21 - <div class="title"> 24 +
22 - <h1>Culture Gallery</h1>
23 - </div>
24 <div class="welcome"> 25 <div class="welcome">
25 <h1>어떤 공연을 찾으시나요?</h1> 26 <h1>어떤 공연을 찾으시나요?</h1>
26 <div class="search-box"> 27 <div class="search-box">
......
...@@ -6,6 +6,9 @@ ...@@ -6,6 +6,9 @@
6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <title>Culture Gallery</title> 7 <title>Culture Gallery</title>
8 <link rel="stylesheet" href='/stylesheets/login_style.css' type="text/css"> 8 <link rel="stylesheet" href='/stylesheets/login_style.css' type="text/css">
9 + <link rel="shortcut icon" href="/images/favicon.ico">
10 + <link rel="icon" href="/images/favicon.ico">
11 +
9 <script src="https://developers.kakao.com/sdk/js/kakao.js"></script> 12 <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
10 </head> 13 </head>
11 14
......
...@@ -5,6 +5,8 @@ ...@@ -5,6 +5,8 @@
5 <meta charset="utf-8" /> 5 <meta charset="utf-8" />
6 <title>send page title</title> 6 <title>send page title</title>
7 <script src="https://developers.kakao.com/sdk/js/kakao.js"></script> 7 <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
8 + <link rel="shortcut icon" href="/images/favicon.ico">
9 + <link rel="icon" href="/images/favicon.ico">
8 <script src="../javascripts/send.js"></script> 10 <script src="../javascripts/send.js"></script>
9 </head> 11 </head>
10 12
......