added google map div to homepage. javascript parses city list for map data but does not yet render a map.

jameschildress · jameschildress · commit dea658eaf35c · 2012-11-08T08:06:29.000-05:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -12,6 +12,9 @@
   <link rel="stylesheet" href="/stylesheets/reset.css" />
   <link rel="stylesheet" href="/stylesheets/index.css" />
   <link rel="stylesheet" href="/stylesheets/bootstrap-responsive.min.css" />
+  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+  <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key={{ site.google_api_key }}&sensor=false"></script>
+  <script type="text/javascript" src="/javascripts/google_map.js"></script>
 </head>
 
 <body>
diff --git a/assets/index.scss b/assets/index.scss
@@ -67,6 +67,11 @@ $text-indent: 25px;
   }
 } 
 
+#google_map.js {
+	height: 350px;
+	margin-bottom: $margin-big;
+}
+
 .wrapper {
 	padding: $margin-small $margin-flex $margin-big $margin-flex;
 	border-top: solid 1px $white;
diff --git a/index.markdown b/index.markdown
@@ -9,6 +9,8 @@ OpenHack is a meetup with a simple purpose: Code together, on anything.
 
 OpenHack works by hosting a meetup in your city that gets programmers of any experience level together to code.
 
+<div id="google_map"> </div>
+
 ### The Basics
 
 * You can hack on anything! Any language, framework, public/open-source, personal, etc.
diff --git a/javascripts/google_map.js b/javascripts/google_map.js
@@ -0,0 +1,22 @@
+$(function(){
+	
+	
+	$("#google_map").addClass("js");
+	
+	
+	var cities = [];
+	$("ul#cities li").each(function(){
+		var a, li;
+		li = $(this);
+		a = $(this).find("a");
+		cities.push({
+			name: a.text(),
+			id: li.attr("id"),
+			url: a.attr("href"),
+			lat: li.attr("data-latitude"),
+			lng: li.attr("data-longitude")
+		});
+	})
+	
+	
+});
diff --git a/stylesheets/index.css b/stylesheets/index.css
@@ -43,6 +43,10 @@ a {
         height: 70px;
         padding-top: 40px; } }
 
+#google_map.js {
+  height: 350px;
+  margin-bottom: 20px; }
+
 .wrapper {
   padding: 10px 5% 20px 5%;
   border-top: solid 1px white;

Original file line number	Diff line number	Diff line change
`@@ -67,6 +67,11 @@ $text-indent: 25px;`
`67`	`67`	`}`
`68`	`68`	`}`
`69`	`69`
	`70`	`+#google_map.js {`
	`71`	`+ height: 350px;`
	`72`	`+ margin-bottom: $margin-big;`
	`73`	`+}`
	`74`	`+`
`70`	`75`	`.wrapper {`
`71`	`76`	`padding: $margin-small $margin-flex $margin-big $margin-flex;`
`72`	`77`	`border-top: solid 1px $white;`