임태민 / 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
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<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>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<title>Geocoding Service</title>
<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
<style type="text/css">
#map {
height: 100%;
......@@ -64,10 +71,13 @@
</script>
</head>
<body>
<div id="floating-panel">
<input id="submit" type="button" value="find location" />
</div>
<div id="map"></div>
<div class="container mb-3" id="map"></div>
<!-- Async script executes immediately and must be after any DOM elements used in callback. -->
<script
......
......@@ -6,18 +6,19 @@
<body>
<%- include('../partials/nav') %>
<%- include('../partials/showgmap') %>
<div class="container mb-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb p-1 pl-2 pr-2">
<li class="breadcrumb-item"><a href="/">Home</a></li>
<li class="breadcrumb-item"><a href="/posts">Board</a></li>
<li class="breadcrumb-item active" aria-current="page"><%= post.title %></li>
<li class="breadcrumb-item active" aria-current="page"><%= post.address %></li>
</ol>
</nav>
<div class="card">
<h5 class="card-header p-2"><%= post.address %></h5>
<h5 class="card-header p-2"><%= post.title %></h5>
<div class="row"> <!-- 1 -->
<div class="col-md-7 col-lg-8 col-xl-9 order-sm-2 order-md-1"> <!-- 1 -->
......@@ -49,7 +50,7 @@
<% } %>
</div>
</div>
<%- include('../partials/showgmap') %>
<!-- <%- include('../partials/showgmap') %> -->
</body>
</html>
\ No newline at end of file
......