index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>南砺市オープンデータ バス停Map</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=geometry&sensor=true"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap -->
<link href="css/styles.css" rel="stylesheet" media="screen">
<link href="css/style.css" rel="stylesheet" media="screen">
</head>
<body onload="createMap()">

<div id = "site-box1" style="width:100%;height=83px;">
  <div id = "contents">
 	 <h4>南砺市オープンデータ バス停Map<br><big>合掌の里（なんバス）</big></h4>
  </div>
</div>

<div id = "site-box1" style="width:100%;height=10;" align="right">
  <div id = "source">
	<a href="https://sites.google.com/site/nantoopendata/">データ出典:南砺市オープンデータカタログ</a>
  </div>
</div>

<div id="map" style="width: 100%; height: 100%;"></div>


<div class="container">
	  <!-- JavaScript plugins (requires jQuery) -->
	  <script src="js/jquery-1.10.2.min.js"></script>
	  <!-- Include all compiled plugins (below), or include individual files as needed -->
	  <script src="js/bootstrap.min.js"></script>
	  <!-- Enable responsive features in IE8 with Respond.js (https://github.com/scottjehl/Respond) 
	  <script src="js/respond.js"></script>
	  -->  
	  <!-- ブックマークお勧めポップアップ-->
	  <script src="js/bookmark-bubble/bookmark_bubble.min.js"></script>
	  <script src="js/bookmark-bubble/example/example.min.js"></script>
	  <script src="js/setting.js"></script>
	  <script src="js/script.js"></script>
	  <script src="http://code.jquery.com/jquery.js"></script>
	  <script type="text/javascript"></script>
</div>
</body>
</html>