Geo Location

7 years ago · 75e390c3a3
3 changed files with 11 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -7,8 +7,10 @@
  <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css" />
  <link rel="stylesheet" href='style.css' />
  <link rel="stylesheet" href="node_modules/leaflet-geosearch/assets/css/leaflet.css" />
+  <link rel="stylesheet" href="node_modules/leaflet.locatecontrol/dist/L.Control.Locate.min.css" />
  <script src="node_modules/leaflet/dist/leaflet.js"></script>
  <script src="dist/openstreetbrowser.js"></script>
+  <script src="node_modules/leaflet.locatecontrol/dist/L.Control.Locate.min.js"></script>
 </head>
 <body>
  <div id='map'></div>
--- a/package.json
+++ b/package.json
@ -11,6 +11,7 @@
    "ip-location": "^1.0.1",
    "leaflet": "^1.0.3",
    "leaflet-geosearch": "^2.4.0",
+    "leaflet.locatecontrol": "^0.61.0",
    "openstreetmap-tag-translations": "^1.0.0",
    "overpass-layer": "https://github.com/plepe/overpass-layer#marker",
    "sheet-router": "^4.2.3"
--- a/src/index.js
+++ b/src/index.js
@ -34,6 +34,14 @@ window.onload = function() {
  })
  map.addControl(searchControl)

+  // Geo location
+  L.control.locate({
+    keepCurrentZoomLevel: true,
+    drawCircle: false,
+    drawMarker: false,
+    showPopup: false
+  }).addTo(map);
+
  overpassFrontend = new OverpassFrontend('//overpass-api.de/api/interpreter', {
    timeGap: 10,
    effortPerRequest: 100