Use leaflet.locatecontrol plugin to have a "show my position" button …

…below zoom buttons

bower.json

@@ -21,7 +21,8 @@
     "bootbox": "~4.4.0",
     "seiyria-bootstrap-slider": "~4.8.1",
     "url-search-params": "~0.5.0",
-    "Leaflet.RestoreView": "makinacorpus/Leaflet.RestoreView#master"
+    "Leaflet.RestoreView": "makinacorpus/Leaflet.RestoreView#master",
+    "leaflet.locatecontrol": "^0.52.0"
   },
   "overrides": {
     "leaflet": {

index.html

@@ -38,7 +38,7 @@
         </table>
     </div>
     <div id="tabs_div" class="hidden">
-      
+
         <ul id="tab" class="nav nav-tabs" role="tablist">
         </ul>
 
@@ -68,7 +68,7 @@
             Online service of the BRouter routing engine. For the offline Android app and more information see <a href="http://brouter.de/" target="_blank">brouter.de</a>.
         </p>
         <p>
-            <i>Work in progress:</i> The web client is still in (slow) development; it has some glitches, 
+            <i>Work in progress:</i> The web client is still in (slow) development; it has some glitches,
             you might miss some essential features and stumble upon bugs. The user interface is subject to change.
         </p>
         <p>
@@ -93,20 +93,20 @@
             </ul>
         </p>
         <p>
-            <i>Data:</i> based on <a href="http://www.openstreetmap.org" target="_blank">OpenStreetMap</a>. It is usually updated once a week when a new Planet file is available, 
+            <i>Data:</i> based on <a href="http://www.openstreetmap.org" target="_blank">OpenStreetMap</a>. It is usually updated once a week when a new Planet file is available,
             see dates of <a href="http://brouter.de/brouter/segments4/" target="_blank">data files</a>.
         </p>
         <p>
-             <i><a href="https://github.com/nrenner/brouter-web#credits-and-licenses" target="_blank">Credits</a></i>, 
-             <i><a href="https://github.com/nrenner/brouter-web/blob/master/CHANGELOG.md" target="_blank">Changelog</a></i> and 
+             <i><a href="https://github.com/nrenner/brouter-web#credits-and-licenses" target="_blank">Credits</a></i>,
+             <i><a href="https://github.com/nrenner/brouter-web/blob/master/CHANGELOG.md" target="_blank">Changelog</a></i> and
              <i><a href="https://github.com/nrenner/brouter-web#readme" target="_blank">more info</a></i> on the client.
         </p>
     </div>
 
     <script>
         // global package prefix for BRouter web application
         BR = {};
-            
+
         console.log('\r\n###\r\n###  BRouter-Web\r\n###\r\n###  Please note that the routing API used here is not public!\r\n###\r\n');
     </script>
 

js/index.js

@@ -140,6 +140,11 @@
         // left sidebar as additional control position
         map._controlCorners[leftPaneId] = L.DomUtil.create('div', 'leaflet-' + leftPaneId, map._controlContainer);
 
+        L.control.locate({
+            icon: 'glyphicon glyphicon-screenshot',
+            iconLoading: 'glyphicon glyphicon-refresh',
+        }).addTo(map);
+
         document.getElementById('about_link').onclick = function() {
             bootbox.alert({
                 title: 'About',