X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/168a9fc3272777fa7ab533e936715525376f8ebf..36fac06bd5ae1b9c26e44945c41053e0ce6829f1:/app/assets/javascripts/index.js

diff --git a/app/assets/javascripts/index.js b/app/assets/javascripts/index.js
index 98f24a6e7..ce9c8e975 100644
--- a/app/assets/javascripts/index.js
+++ b/app/assets/javascripts/index.js
@@ -3,12 +3,29 @@
 //= require index/export
 //= require index/key
 //= require index/notes
+//= require index/map_ui
 
 $(document).ready(function () {
   var permalinks = $("#permalink").detach().html();
   var marker;
   var params = OSM.mapParams();
-  var map = createMap("map");
+  var map = createMap("map", {
+    zoomControl: false,
+    layerControl: false
+  }, {
+    locateControl: true
+  });
+
+  L.control.zoom({position: 'topright'})
+    .addTo(map);
+
+  OSM.mapUI().addTo(map);
+
+  L.control.share().addTo(map);
+
+  L.control.locate({
+      position: 'topright'
+  }).addTo(map);
 
   L.control.scale().addTo(map);
 
@@ -40,7 +57,7 @@ $(document).ready(function () {
   }
 
   if (params.object) {
-    addObjectToMap(params.object, params.object_zoom);
+    addObjectToMap(params.object, { zoom: params.object_zoom });
   }
 
   handleResize();
@@ -59,7 +76,7 @@ $(document).ready(function () {
     }
 
     if (data.type && data.id) {
-      addObjectToMap(data, true);
+      addObjectToMap(data, { zoom: true, style: { opacity: 0.2, fill: false } });
     }
 
     if (marker) {