Commit f2bac3c0

mo khan <mo@mokhan.ca>
2014-05-19 18:10:21
add a map to the admin user page.
1 parent 6df8743
Changed files (1)
app
views
admin
app/views/admin/users/show.html.erb
@@ -1,3 +1,17 @@
+<% content_for :javascript do %>
+<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
+<script>
+  function initialize_map() {
+    var latitude = <%= @user.latitude %>;
+    var longitude = <%= @user.longitude %>;
+    var mapOptions = { zoom: 14, center: new google.maps.LatLng(latitude, longitude), mapTypeId: google.maps.MapTypeId.ROADMAP };
+    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
+    var marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(latitude, longitude)});
+  }
+  google.maps.event.addDomListener(window, 'load', initialize_map);
+</script>
+<% end %>
+
 <div class="row-fluid">
   <div class="span12">
     <h1><%= @user.name %></h1>
@@ -13,3 +27,9 @@
     <%= debug @user %>
   </div>
 </div>
+
+<div style="overflow:hidden;height:500px;width:600px;">
+  <div id="map-canvas" style="height:500px;width:600px;"></div>
+  <style> img{max-width:none!important;background:none!important} </style>
+</div>
+