Permalink
Browse files

the map

  • Loading branch information...
1 parent bb0761d commit 217daea0bdc1571e6693ec09b05b37e70b99c190 Alex Delegard committed Feb 1, 2014
Showing with 200 additions and 45 deletions.
  1. +37 −0 _layouts/default.html
  2. +19 −0 css/style.css
  3. BIN images/map_marker.png
  4. +0 −37 index.html
  5. +40 −8 javascript/main.js
  6. +104 −0 javascript/plugins.js
View
@@ -19,6 +19,9 @@
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+ <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
+ <script src="javascript/plugins.js" type="text/javascript"></script>
+ <script src="javascript/main.js" type="text/javascript"></script>
</head>
<body>
<div class="loader" style="display: none;"></div>
@@ -65,5 +68,39 @@
</div>
{{ content }}
+
+ <div id="sb-container">
+ <div id="sb-overlay"></div>
+
+ <div id="sb-wrapper">
+ <div id="sb-title">
+ <div id="sb-title-inner"></div>
+ </div>
+
+ <div id="sb-wrapper-inner">
+ <div id="sb-body">
+ <div id="sb-body-inner"></div>
+
+ <div id="sb-loading">
+ <div id="sb-loading-inner">
+ <span>loading</span>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div id="sb-info">
+ <div id="sb-info-inner">
+ <div id="sb-counter"></div>
+
+ <div id="sb-nav">
+ <a id="sb-nav-close" onclick="Shadowbox.close()" title="Close"></a><a id="sb-nav-next" onclick="Shadowbox.next()" title=
+ "Next"></a><a id="sb-nav-play" onclick="Shadowbox.play()" title="Play"></a><a id="sb-nav-pause" onclick="Shadowbox.pause()" title=
+ "Pause"></a><a id="sb-nav-previous" onclick="Shadowbox.previous()" title="Previous"></a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</body>
</html>
View
@@ -718,6 +718,25 @@ header span {
text-align:center;
}
+/* google map styles */
+#info .gm-style .marker {
+ text-align: center;
+}
+#info .gm-style .marker .title {
+ font-family: 'Gentium Book Basic', Helvetica, sans-serif;
+ font-weight: bold;
+ font-style: italic;
+}
+#info .gm-style .marker .subtitle,
+#info .gm-style .marker .subtitle a {
+ font-size: 12px;
+ color:#666;
+ text-decoration: none;
+}
+#info .gm-style img {
+ max-width: inherit;
+}
+
/*INSTAGRAM
**********************************
**********************************/
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -18,41 +18,4 @@
{% include footer.html %}
</div>
</div>
- <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
- <script src="javascript/plugins.js" type="text/javascript"></script>
- <script src="javascript/main.js" type="text/javascript"></script>
-
- <div id="sb-container">
- <div id="sb-overlay"></div>
-
- <div id="sb-wrapper">
- <div id="sb-title">
- <div id="sb-title-inner"></div>
- </div>
-
- <div id="sb-wrapper-inner">
- <div id="sb-body">
- <div id="sb-body-inner"></div>
-
- <div id="sb-loading">
- <div id="sb-loading-inner">
- <span>loading</span>
- </div>
- </div>
- </div>
- </div>
-
- <div id="sb-info">
- <div id="sb-info-inner">
- <div id="sb-counter"></div>
-
- <div id="sb-nav">
- <a id="sb-nav-close" onclick="Shadowbox.close()" title="Close"></a><a id="sb-nav-next" onclick="Shadowbox.next()" title=
- "Next"></a><a id="sb-nav-play" onclick="Shadowbox.play()" title="Play"></a><a id="sb-nav-pause" onclick="Shadowbox.pause()" title=
- "Pause"></a><a id="sb-nav-previous" onclick="Shadowbox.previous()" title="Previous"></a>
- </div>
- </div>
- </div>
- </div>
- </div>
</div>
View
@@ -1,15 +1,47 @@
jQuery(function($) {
+ // function initialize() {
+ // var map_canvas = document.getElementById('map_canvas');
+ // var map_options = {
+ // center: new google.maps.LatLng(44.974893,-93.269909),
+ // zoom: 1,
+ // mapTypeId: google.maps.MapTypeId.ROADMAP
+ // }
+ // var map = new google.maps.Map(map_canvas, map_options)
+ // }
+ // google.maps.event.addDomListener(window, 'load', initialize);
function initialize() {
- var map_canvas = document.getElementById('map_canvas');
- var map_options = {
- center: new google.maps.LatLng(44.974893,-93.269909),
- zoom: 1,
- mapTypeId: google.maps.MapTypeId.ROADMAP
- }
- var map = new google.maps.Map(map_canvas, map_options)
+ var myLatlng = new google.maps.LatLng(44.974893,-93.269909);
+ var mapOptions = {
+ zoom: 17,
+ center: myLatlng,
+ mapTypeId: google.maps.MapTypeId.ROADMAP
+ }
+ var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
+
+ var marker = new google.maps.Marker({
+ position: myLatlng,
+ map: map,
+ title: 'Minneapolis Club'
+ });
+
+ var infowindow = new google.maps.InfoWindow({
+ content: '<div id="mpls-club-marker" class="marker">'+
+ '<h3 class="title">Minneapolis Club</h3>'+
+ '</div>'
+ });
+ google.maps.event.addListener(marker, 'click', function() {
+ infowindow.open(map,marker);
+ });
+ google.maps.event.trigger(marker, 'click');
}
- google.maps.event.addDomListener(window, 'load', initialize);
+ // google.maps.event.addDomListener(window, 'load', initialize);
+ $(document).mapz({
+ location0_title: "Minneapolis Club",
+ location0_latitude: 44.974893,
+ location0_longitude: -93.269909,
+ location0_address: "<div>729 2nd Ave S, Minneapolis, MN</div><div><a href='tel:6123322292'>(612) 332-2292</a> - <a href='http://mplsclub.org' target='_blank'>mplsclub.org</a></div>"
+ });
/*smooth scroll*/
$('nav a[href^="#"]').click(function(e) {
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

0 comments on commit 217daea

Please sign in to comment.