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

…below zoom buttons
nrenner · Jul 21, 2016 · 1b23c37 · 1b23c37
1 parent 8732582
commit 1b23c37
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 3 deletions.
diff --git a/bower.json b/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": {
@@ -80,6 +81,15 @@
     },
     "url-search-params": {
       "main": "build/url-search-params.js"
+    },
+    "Leaflet.RestoreView": {
+      "main": "leaflet.restoreview.js"
+    },
+    "leaflet.locatecontrol": {
+      "main": [
+        "dist/*.css",
+        "src/L.Control.Locate.js"
+      ]
     }
   },
   "resolutions": {

diff --git a/dist/brouter-web.js b/dist/brouter-web.js
diff --git a/dist/brouter-web.js.map b/dist/brouter-web.js.map
diff --git a/index.html b/index.html
@@ -7,6 +7,7 @@
     <title>BRouter web client</title>
 
     <link rel="stylesheet" href="dist/brouter-web.css" />
+    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
 </head>
 <body>
     <div id="map"></div>

diff --git a/js/index.js b/js/index.js
@@ -140,6 +140,8 @@
         // left sidebar as additional control position
         map._controlCorners[leftPaneId] = L.DomUtil.create('div', 'leaflet-' + leftPaneId, map._controlContainer);
 
+        L.control.locate().addTo(map);
+
         document.getElementById('about_link').onclick = function() {
             bootbox.alert({
                 title: 'About',