maps template inline page

index.html

@@ -16,10 +16,27 @@
 <script src="lib/javascript/underscore.js" type="text/javascript"></script>
 <script src="lib/javascript/backbone.js" type="text/javascript"></script>
 <script src="lib/javascript/backbone.localStorage-min.js" type="text/javascript"></script>
+
 <script src="app/javascript/maps.js" type="text/javascript"></script>
+
 <script src="app/javascript/app.js" type="text/javascript"></script>
 
 
+<script type='text/template' id='maps_template'>
+<div id='map_area'>
+		<div id='map_route_contain'>
+			<form class = 'well  form-inline'>
+				<input class = 'input-big search-query' placeholder = 'address?' id='where_box'>
+				<button class ='btn' id='wherebutton'>Find</button>
+			</form>
+		</div>
+	<div id='goog_map'></div>
+</div>
+</script>
+
+
+
+
 <script type="text/javascript">
 
 var myScroll;
@@ -129,7 +146,7 @@
 	top:0; left:0;
 }
 
-#map_area{
+#goog_map{
 	width: 500px;
 	height: 500px;
 }