diff --git a/app/views/maps/index.html.erb b/app/views/maps/index.html.erb
index 3f90afbec..f858236db 100644
--- a/app/views/maps/index.html.erb
+++ b/app/views/maps/index.html.erb
@@ -1,4 +1,8 @@
+<%= stylesheet_link_tag "/lib/leaflet/dist/leaflet.css" %>
+<%= javascript_include_tag('/lib/leaflet-environmental-layers/dist/LeafletEnvironmentalLayers.js') %>
+
 <div class="container-fluid">
+  <div id="mapknitter-unique" style="height: 300px ; width: 100% ;  margin-bottom: 1%"></div> 
   <div class="row">
     <div class="col-md-3">
       <% if logged_in? %>
@@ -42,8 +46,9 @@
         <%= render :partial => 'maps/statistics' %>
       </div>
     </div><!-- .col-md-3 -->
-    <div class="maps-list col-md-9">
 
+    <div class="maps-list col-md-9">
+      <br>
       <div class="hero">
         <h1 style="margin-top:4px;">Make maps from aerial photos</h1>
         <p>
@@ -51,6 +56,7 @@
           <a class="btn btn-lg btn-success" onClick="$('#video-tutorial').toggle()"><i class="fa fa-video-camera"></i> Watch tutorial video</a>
           <a class="btn btn-lg btn-primary" href="https://publiclab.org/post?tags=mapknitter,aerial-imaging,aerial-photography,question:mapknitter,question:aerial-imaging,question:aerial-photography&template=question">Ask a question</a>
         </p>
+
       </div>
 
       <div style="display:none;" id="video-tutorial">
@@ -77,3 +83,16 @@
     </div><!-- .col-md-9 -->
   </div><!-- .row -->
 </div>
+
+<script>  
+    var bounds = new L.LatLngBounds(new L.LatLng(84.67351257 , -172.96875) , new L.LatLng(-54.36775852 , 178.59375)) ;
+    var Mapknitterunique = new L.map('mapknitter-unique' , {
+      maxBounds: bounds , 
+      maxBoundsViscosity: 0.75
+    }).setView([43, -83] , 2);  
+    Mapknitterunique.options.minZoom = 2 ;
+
+    L.tileLayer('https://a.tiles.mapbox.com/v3/jywarren.map-lmrwb2em/{z}/{x}/{y}.png').addTo(Mapknitterunique) ; 
+    L.layerGroup.mapKnitterLayer().addTo(Mapknitterunique);
+    
+</script>
diff --git a/bower.json b/bower.json
index 61185f27a..afd9ce7af 100644
--- a/bower.json
+++ b/bower.json
@@ -29,7 +29,8 @@
     "glfx-js": "git+https://github.com/jywarren/glfx.js.git",
     "webgl-distort": "jywarren/webgl-distort",
     "image-sequencer": "git+https://github.com/publiclab/image-sequencer.git#~1.4.0",
-    "junction": "theleagueof/junction"
+    "junction": "theleagueof/junction",
+    "leaflet-environmental-layers": "*"
   },
   "resolutions": {
     "jquery": "^2.1.3"