임태민 / Mapmory

Go to a project
Toggle navigation Toggle navigation pinning
임태민
e167fc17 1 parent b1d355ec

Update project 

- bootstrap을 추가하여 지도의 display를 변경하였습니다.
Inline Side-by-side
Showing 2 changed files with 16 additions and 5 deletions
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 + <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
5 + <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
6 + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
7 + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
8 +
9 +
4 <title>Geocoding Service</title> 10 <title>Geocoding Service</title>
5 <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script> 11 <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
12 +
6 <style type="text/css"> 13 <style type="text/css">
7 #map { 14 #map {
8 height: 100%; 15 height: 100%;
...@@ -64,10 +71,13 @@ ...@@ -64,10 +71,13 @@
64 </script> 71 </script>
65 </head> 72 </head>
66 <body> 73 <body>
74 +
75 +
67 <div id="floating-panel"> 76 <div id="floating-panel">
68 <input id="submit" type="button" value="find location" /> 77 <input id="submit" type="button" value="find location" />
69 </div> 78 </div>
70 - <div id="map"></div> 79 + <div class="container mb-3" id="map"></div>
80 +
71 81
72 <!-- Async script executes immediately and must be after any DOM elements used in callback. --> 82 <!-- Async script executes immediately and must be after any DOM elements used in callback. -->
73 <script 83 <script
......
...@@ -6,18 +6,19 @@ ...@@ -6,18 +6,19 @@
6 <body> 6 <body>
7 <%- include('../partials/nav') %> 7 <%- include('../partials/nav') %>
8 8
9 + <%- include('../partials/showgmap') %>
9 <div class="container mb-3"> 10 <div class="container mb-3">
10 11
11 <nav aria-label="breadcrumb"> 12 <nav aria-label="breadcrumb">
12 <ol class="breadcrumb p-1 pl-2 pr-2"> 13 <ol class="breadcrumb p-1 pl-2 pr-2">
13 <li class="breadcrumb-item"><a href="/">Home</a></li> 14 <li class="breadcrumb-item"><a href="/">Home</a></li>
14 <li class="breadcrumb-item"><a href="/posts">Board</a></li> 15 <li class="breadcrumb-item"><a href="/posts">Board</a></li>
15 - <li class="breadcrumb-item active" aria-current="page"><%= post.title %></li> 16 + <li class="breadcrumb-item active" aria-current="page"><%= post.address %></li>
16 </ol> 17 </ol>
17 </nav> 18 </nav>
18 - 19 +
19 <div class="card"> 20 <div class="card">
20 - <h5 class="card-header p-2"><%= post.address %></h5> 21 + <h5 class="card-header p-2"><%= post.title %></h5>
21 <div class="row"> <!-- 1 --> 22 <div class="row"> <!-- 1 -->
22 23
23 <div class="col-md-7 col-lg-8 col-xl-9 order-sm-2 order-md-1"> <!-- 1 --> 24 <div class="col-md-7 col-lg-8 col-xl-9 order-sm-2 order-md-1"> <!-- 1 -->
...@@ -49,7 +50,7 @@ ...@@ -49,7 +50,7 @@
49 <% } %> 50 <% } %>
50 </div> 51 </div>
51 </div> 52 </div>
52 - <%- include('../partials/showgmap') %> 53 + <!-- <%- include('../partials/showgmap') %> -->
53 54
54 </body> 55 </body>
55 </html> 56 </html>
...\ No newline at end of file ...\ No newline at end of file
......