김서연 / Corona_Vaccination_Medical_Institution

Go to a project
Toggle navigation Toggle navigation pinning
김서연
125c33eb 1 parent b4424c3d

위치 간격 스타일 조정

Inline Side-by-side
Showing 1 changed file with 13 additions and 10 deletions
...@@ -9,21 +9,23 @@ ...@@ -9,21 +9,23 @@
9 </head> 9 </head>
10 <body> 10 <body>
11 <center> 11 <center>
12 - <h1>COVID-19 예방접종 위탁 의료기관 조회</h1> 12 + <h1>COVID-19 예방접종 위탁 의료기관 조회</h1> <br><hr>
13 <form action="/" method="post"> 13 <form action="/" method="post">
14 <p> 14 <p>
15 - <input type="text" name="region" placeholder="지역을 입력하세요" size="15"/> 15 + <br>
16 - <button type="submit">검색</button> 16 + <div style="float:right; margin-right:250px;margin-right:70px; margin-bottom:7px;">
17 + <input type="text" style="width:450px;height:30px;font-size:20px;" name="region" placeholder="지역을 입력하세요" size="20"/>
18 + <button type="submit" style="height:35px;font-size:20px;">검색</button>
19 + </div>
20 +
17 </p> 21 </p>
18 </form> 22 </form>
19 -
20 - <div id="map" style="width:1300px;height:600px;"></div>
21 </center> 23 </center>
22 - 24 + <div id="map" style="width:1300px;height:750px; margin-left:100px; float:left; " ></div>
23 <script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=35fccf4b4e2a3179187346f26ed3f988&libraries=services"></script> 25 <script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=35fccf4b4e2a3179187346f26ed3f988&libraries=services"></script>
24 26
25 <% if(typeof(info) != "undefined"){ %> 27 <% if(typeof(info) != "undefined"){ %>
26 - <div style="overflow:scroll; width:500px; height:600px; padding:10px;"> 28 + <div style="overflow:scroll; width:500px; height:675px; padding:10px;float:right; margin-right:70px; border:1px solid black;">
27 <ol id="placelist"> 29 <ol id="placelist">
28 <% for(i=0; i<info.length; i++){%> 30 <% for(i=0; i<info.length; i++){%>
29 <li class="item"> 31 <li class="item">
...@@ -40,13 +42,13 @@ ...@@ -40,13 +42,13 @@
40 </ul> 42 </ul>
41 </div> 43 </div>
42 <%} %> 44 <%} %>
43 - 45 +
44 <% if(typeof(result) != "undefined"){ %> 46 <% if(typeof(result) != "undefined"){ %>
45 <script> 47 <script>
46 var mapContainer = document.getElementById('map'), // 지도를 표시할 div 48 var mapContainer = document.getElementById('map'), // 지도를 표시할 div
47 mapOption = { 49 mapOption = {
48 center: new kakao.maps.LatLng(37.596672, 127.051950), // 지도의 중심좌표 50 center: new kakao.maps.LatLng(37.596672, 127.051950), // 지도의 중심좌표
49 - level: 3 // 지도의 확대 레벨 51 + level: 2 // 지도의 확대 레벨
50 }; 52 };
51 53
52 var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다 54 var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
...@@ -78,9 +80,10 @@ ...@@ -78,9 +80,10 @@
78 // 마커를 지도에 표시합니다. 80 // 마커를 지도에 표시합니다.
79 marker.setMap(map); 81 marker.setMap(map);
80 82
83 + var num=1;
81 // 인포윈도우를 생성합니다 84 // 인포윈도우를 생성합니다
82 var infowindow = new kakao.maps.InfoWindow({ 85 var infowindow = new kakao.maps.InfoWindow({
83 - content: '<div style="width:250px;text-align:center;padding:5px 0;">' + '기관명: ' + addr.orgnm + '</div>', 86 + content: '<div style="width:250px;text-align:center;padding:5px 0;">' + addr.orgnm + '</div>',
84 }); 87 });
85 // 마커에 mouseover 이벤트와 mouseout 이벤트를 등록합니다 88 // 마커에 mouseover 이벤트와 mouseout 이벤트를 등록합니다
86 // 이벤트 리스너로는 클로저를 만들어 등록합니다 89 // 이벤트 리스너로는 클로저를 만들어 등록합니다
......