From 7993e3fb500bf4c5c5cd395e36c36a4689f32d68 Mon Sep 17 00:00:00 2001
From: Kowalski <kmet.p@seznam.cz>
Date: Sun, 9 Mar 2025 08:59:20 +0100
Subject: [PATCH] =?UTF-8?q?Lep=C5=A1=C3=AD=20geolokace.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Presentation/@layout.latte                |   4 +
 app/Presentation/Home/default.latte           |   7 -
 www/js/obvody.js                              |  39 +-
 www/locate/L.Control.Locate.css               |  63 ++
 www/locate/L.Control.Locate.css.map           |   1 +
 www/locate/L.Control.Locate.d.ts              |  66 ++
 www/locate/L.Control.Locate.esm.js            | 933 +++++++++++++++++
 www/locate/L.Control.Locate.mapbox.css        |  68 ++
 www/locate/L.Control.Locate.mapbox.css.map    |   1 +
 www/locate/L.Control.Locate.mapbox.min.css    |  68 ++
 .../L.Control.Locate.mapbox.min.css.map       |   1 +
 www/locate/L.Control.Locate.min.css           |  63 ++
 www/locate/L.Control.Locate.min.css.map       |   1 +
 www/locate/L.Control.Locate.min.js            |   4 +
 www/locate/L.Control.Locate.min.js.map        |   1 +
 www/locate/L.Control.Locate.umd.js            | 952 ++++++++++++++++++
 16 files changed, 2251 insertions(+), 21 deletions(-)
 create mode 100644 www/locate/L.Control.Locate.css
 create mode 100644 www/locate/L.Control.Locate.css.map
 create mode 100644 www/locate/L.Control.Locate.d.ts
 create mode 100644 www/locate/L.Control.Locate.esm.js
 create mode 100644 www/locate/L.Control.Locate.mapbox.css
 create mode 100644 www/locate/L.Control.Locate.mapbox.css.map
 create mode 100644 www/locate/L.Control.Locate.mapbox.min.css
 create mode 100644 www/locate/L.Control.Locate.mapbox.min.css.map
 create mode 100644 www/locate/L.Control.Locate.min.css
 create mode 100644 www/locate/L.Control.Locate.min.css.map
 create mode 100644 www/locate/L.Control.Locate.min.js
 create mode 100644 www/locate/L.Control.Locate.min.js.map
 create mode 100644 www/locate/L.Control.Locate.umd.js

diff --git a/app/Presentation/@layout.latte b/app/Presentation/@layout.latte
index 59642c0..654797b 100644
--- a/app/Presentation/@layout.latte
+++ b/app/Presentation/@layout.latte
@@ -16,6 +16,10 @@
      integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
      crossorigin=""></script>
 
+	{* Locate-Control *}
+	<link rel="stylesheet" href="{$basePath}/locate/L.Control.Locate.min.css" />
+	<script src="{$basePath}/locate/L.Control.Locate.min.js" charset="utf-8"></script>
+
 	{* jquery *}
 	<script
 		src="https://code.jquery.com/jquery-3.7.1.min.js"
diff --git a/app/Presentation/Home/default.latte b/app/Presentation/Home/default.latte
index 268b1a4..8fbfef9 100644
--- a/app/Presentation/Home/default.latte
+++ b/app/Presentation/Home/default.latte
@@ -3,13 +3,6 @@
 {block content}
 <h3>Seznam obvodů</h3>
 
-{* <div class="list-group" style="max-width: 200px">
-<a n:href=":Obvody:" class="list-group-item list-group-item-action">Všechny obvody</a>
-{foreach $obvody as $obvod}
-    <a n:href=":Obvody: obvod:$obvod" class="list-group-item list-group-item-action">{$obvod}</a>
-{/foreach}
-</div> *}
-
 {* Tlačítka: *}
 
 <div class="p-1 m-1 d-flex flex-wrap justify-content-center">
diff --git a/www/js/obvody.js b/www/js/obvody.js
index cd59fb1..00286aa 100644
--- a/www/js/obvody.js
+++ b/www/js/obvody.js
@@ -27,21 +27,32 @@ map.flyToBounds(geojson.getBounds());
 
 
 // geolokace:
-map.locate({ setView: false, maxZoom: 16 });
-
-function onLocationFound(e) {
-  var radius = e.accuracy;
-
-  L.marker(e.latlng).addTo(map)
-    .bindPopup("Nacházíte se v okolí " + radius + " metrů od tohoto bodu.").openPopup();
-
-  L.circle(e.latlng, radius).addTo(map);
+var options = {
+  flyTo: true,
+  strings: {
+    title: "Moje poloha",
+    metersUnit: "metrů",
+    feetUnit: "feet",
+    popup: "Nacházíš se v okolí {distance} {unit} od tohoto bodu.",
+    outsideMapBoundsMsg: "Zdá se, že jsi mimo oblast mapy."
+  }
 }
+L.control.locate(options).addTo(map);
+// map.locate({ setView: false, maxZoom: 16 });
 
-map.on('locationfound', onLocationFound);
+// function onLocationFound(e) {
+//   var radius = e.accuracy;
 
-function onLocationError(e) {
-  alert(e.message);
-}
+//   L.marker(e.latlng).addTo(map)
+//     .bindPopup("Nacházíte se v okolí " + radius + " metrů od tohoto bodu.").openPopup();
 
-map.on('locationerror', onLocationError);
\ No newline at end of file
+//   L.circle(e.latlng, radius).addTo(map);
+// }
+
+// map.on('locationfound', onLocationFound);
+
+// function onLocationError(e) {
+//   alert(e.message);
+// }
+
+// map.on('locationerror', onLocationError);
\ No newline at end of file
diff --git a/www/locate/L.Control.Locate.css b/www/locate/L.Control.Locate.css
new file mode 100644
index 0000000..7c91401
--- /dev/null
+++ b/www/locate/L.Control.Locate.css
@@ -0,0 +1,63 @@
+.leaflet-control-locate a {
+  cursor: pointer;
+}
+.leaflet-control-locate a .leaflet-control-locate-location-arrow {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin: 7px;
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+.leaflet-control-locate a .leaflet-control-locate-spinner {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin: 7px;
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M304 48a48 48 0 1 1-96 0 48 48 0 0 1 96 0zm-48 368a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm208-208a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM96 256a48 48 0 1 0-96 0 48 48 0 0 0 96 0zm13 99a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm294 0a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM109 61a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"/></svg>');
+  animation: leaflet-control-locate-spin 2s linear infinite;
+}
+.leaflet-control-locate.active a .leaflet-control-locate-location-arrow {
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(32, 116, 182)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+.leaflet-control-locate.following a .leaflet-control-locate-location-arrow {
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(252, 132, 40)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+
+.leaflet-touch .leaflet-bar .leaflet-locate-text-active {
+  width: 100%;
+  max-width: 200px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  padding: 0 10px;
+}
+.leaflet-touch .leaflet-bar .leaflet-locate-text-active .leaflet-locate-icon {
+  padding: 0 5px 0 0;
+}
+
+.leaflet-control-locate-location circle {
+  animation: leaflet-control-locate-throb 4s ease infinite;
+}
+
+@keyframes leaflet-control-locate-throb {
+  0% {
+    stroke-width: 1;
+  }
+  50% {
+    stroke-width: 3;
+    transform: scale(0.8, 0.8);
+  }
+  100% {
+    stroke-width: 1;
+  }
+}
+@keyframes leaflet-control-locate-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+/*# sourceMappingURL=L.Control.Locate.css.map */
\ No newline at end of file
diff --git a/www/locate/L.Control.Locate.css.map b/www/locate/L.Control.Locate.css.map
new file mode 100644
index 0000000..12e275b
--- /dev/null
+++ b/www/locate/L.Control.Locate.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["file:///Users/dominik/Developer/leaflet-locatecontrol/src/L.Control.Locate.scss"],"names":[],"mappings":"AASE;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE","file":"L.Control.Locate.css"}
\ No newline at end of file
diff --git a/www/locate/L.Control.Locate.d.ts b/www/locate/L.Control.Locate.d.ts
new file mode 100644
index 0000000..95f6251
--- /dev/null
+++ b/www/locate/L.Control.Locate.d.ts
@@ -0,0 +1,66 @@
+import { Control, Layer, Map, ControlOptions, PathOptions, MarkerOptions, LocationEvent, LatLngBounds, LocateOptions as LeafletLocateOptions } from "leaflet";
+
+export type SetView = false | "once" | "always" | "untilPan" | "untilPanOrZoom";
+export type ClickBehavior = "stop" | "setView";
+
+export interface StringsOptions {
+  title?: string | undefined;
+  metersUnit?: string | undefined;
+  feetUnit?: string | undefined;
+  popup?: string | undefined;
+  outsideMapBoundsMsg?: string | undefined;
+}
+
+export interface ClickBehaviorOptions {
+  inView?: ClickBehavior | undefined;
+  outOfView?: ClickBehavior | undefined;
+  inViewNotFollowing?: ClickBehavior | "inView" | undefined;
+}
+
+export interface LocateOptions extends ControlOptions {
+  layer?: Layer | undefined;
+  setView?: SetView | undefined;
+  keepCurrentZoomLevel?: boolean | undefined;
+  initialZoomLevel?: number | boolean | undefined;
+  getLocationBounds?: ((locationEvent: LocationEvent) => LatLngBounds) | undefined;
+  flyTo?: boolean | undefined;
+  clickBehavior?: ClickBehaviorOptions | undefined;
+  returnToPrevBounds?: boolean | undefined;
+  cacheLocation?: boolean | undefined;
+  drawCircle?: boolean | undefined;
+  drawMarker?: boolean | undefined;
+  showCompass?: boolean | undefined;
+  markerClass?: any;
+  compassClass?: any;
+  circleStyle?: PathOptions | undefined;
+  markerStyle?: PathOptions | MarkerOptions | undefined;
+  compassStyle?: PathOptions | undefined;
+  followCircleStyle?: PathOptions | undefined;
+  followMarkerStyle?: PathOptions | undefined;
+  icon?: string | undefined;
+  iconLoading?: string | undefined;
+  iconElementTag?: string | undefined;
+  textElementTag?: string | undefined;
+  circlePadding?: number[] | undefined;
+  metric?: boolean | undefined;
+  createButtonCallback?: ((container: HTMLDivElement, options: LocateOptions) => { link: HTMLAnchorElement; icon: HTMLElement }) | undefined;
+  onLocationError?: ((event: ErrorEvent, control: LocateControl) => void) | undefined;
+  onLocationOutsideMapBounds?: ((control: LocateControl) => void) | undefined;
+  showPopup?: boolean | undefined;
+  strings?: StringsOptions | undefined;
+  locateOptions?: LeafletLocateOptions | undefined;
+}
+
+export class LocateControl extends Control {
+  constructor(locateOptions?: LocateOptions);
+
+  onAdd(map: Map): HTMLElement;
+
+  start(): void;
+
+  stop(): void;
+
+  stopFollowing(): void;
+
+  setView(): void;
+}
diff --git a/www/locate/L.Control.Locate.esm.js b/www/locate/L.Control.Locate.esm.js
new file mode 100644
index 0000000..cf91369
--- /dev/null
+++ b/www/locate/L.Control.Locate.esm.js
@@ -0,0 +1,933 @@
+import { Marker, setOptions, divIcon, Control, DomUtil, extend, LayerGroup, DomEvent, Util, circle } from 'leaflet';
+
+/*!
+Copyright (c) 2016 Dominik Moritz
+
+This file is part of the leaflet locate control. It is licensed under the MIT license.
+You can find the project at: https://github.com/domoritz/leaflet-locatecontrol
+*/
+const addClasses = (el, names) => {
+  names.split(" ").forEach((className) => {
+    el.classList.add(className);
+  });
+};
+
+const removeClasses = (el, names) => {
+  names.split(" ").forEach((className) => {
+    el.classList.remove(className);
+  });
+};
+
+/**
+ * Compatible with Circle but a true marker instead of a path
+ */
+const LocationMarker = Marker.extend({
+  initialize(latlng, options) {
+    setOptions(this, options);
+    this._latlng = latlng;
+    this.createIcon();
+  },
+
+  /**
+   * Create a styled circle location marker
+   */
+  createIcon() {
+    const opt = this.options;
+
+    let style = "";
+
+    if (opt.color !== undefined) {
+      style += `stroke:${opt.color};`;
+    }
+    if (opt.weight !== undefined) {
+      style += `stroke-width:${opt.weight};`;
+    }
+    if (opt.fillColor !== undefined) {
+      style += `fill:${opt.fillColor};`;
+    }
+    if (opt.fillOpacity !== undefined) {
+      style += `fill-opacity:${opt.fillOpacity};`;
+    }
+    if (opt.opacity !== undefined) {
+      style += `opacity:${opt.opacity};`;
+    }
+
+    const icon = this._getIconSVG(opt, style);
+
+    this._locationIcon = divIcon({
+      className: icon.className,
+      html: icon.svg,
+      iconSize: [icon.w, icon.h]
+    });
+
+    this.setIcon(this._locationIcon);
+  },
+
+  /**
+   * Return the raw svg for the shape
+   *
+   * Split so can be easily overridden
+   */
+  _getIconSVG(options, style) {
+    const r = options.radius;
+    const w = options.weight;
+    const s = r + w;
+    const s2 = s * 2;
+    const svg =
+      `<svg xmlns="http://www.w3.org/2000/svg" width="${s2}" height="${s2}" version="1.1" viewBox="-${s} -${s} ${s2} ${s2}">` +
+      '<circle r="' +
+      r +
+      '" style="' +
+      style +
+      '" />' +
+      "</svg>";
+    return {
+      className: "leaflet-control-locate-location",
+      svg,
+      w: s2,
+      h: s2
+    };
+  },
+
+  setStyle(style) {
+    setOptions(this, style);
+    this.createIcon();
+  }
+});
+
+const CompassMarker = LocationMarker.extend({
+  initialize(latlng, heading, options) {
+    setOptions(this, options);
+    this._latlng = latlng;
+    this._heading = heading;
+    this.createIcon();
+  },
+
+  setHeading(heading) {
+    this._heading = heading;
+  },
+
+  /**
+   * Create a styled arrow compass marker
+   */
+  _getIconSVG(options, style) {
+    const r = options.radius;
+    const w = options.width + options.weight;
+    const h = (r + options.depth + options.weight) * 2;
+    const path = `M0,0 l${options.width / 2},${options.depth} l-${w},0 z`;
+    const svgstyle = `transform: rotate(${this._heading}deg)`;
+    const svg =
+      `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}" version="1.1" viewBox="-${w / 2} 0 ${w} ${h}" style="${svgstyle}">` +
+      '<path d="' +
+      path +
+      '" style="' +
+      style +
+      '" />' +
+      "</svg>";
+    return {
+      className: "leaflet-control-locate-heading",
+      svg,
+      w,
+      h
+    };
+  }
+});
+
+const LocateControl = Control.extend({
+  options: {
+    /** Position of the control */
+    position: "topleft",
+    /** The layer that the user's location should be drawn on. By default creates a new layer. */
+    layer: undefined,
+    /**
+     * Automatically sets the map view (zoom and pan) to the user's location as it updates.
+     * While the map is following the user's location, the control is in the `following` state,
+     * which changes the style of the control and the circle marker.
+     *
+     * Possible values:
+     *  - false: never updates the map view when location changes.
+     *  - 'once': set the view when the location is first determined
+     *  - 'always': always updates the map view when location changes.
+     *              The map view follows the user's location.
+     *  - 'untilPan': like 'always', except stops updating the
+     *                view if the user has manually panned the map.
+     *                The map view follows the user's location until she pans.
+     *  - 'untilPanOrZoom': (default) like 'always', except stops updating the
+     *                view if the user has manually panned the map.
+     *                The map view follows the user's location until she pans.
+     */
+    setView: "untilPanOrZoom",
+    /** Keep the current map zoom level when setting the view and only pan. */
+    keepCurrentZoomLevel: false,
+    /** After activating the plugin by clicking on the icon, zoom to the selected zoom level, even when keepCurrentZoomLevel is true. Set to 'false' to disable this feature. */
+    initialZoomLevel: false,
+    /**
+     * This callback can be used to override the viewport tracking
+     * This function should return a LatLngBounds object.
+     *
+     * For example to extend the viewport to ensure that a particular LatLng is visible:
+     *
+     * getLocationBounds: function(locationEvent) {
+     *    return locationEvent.bounds.extend([-33.873085, 151.219273]);
+     * },
+     */
+    getLocationBounds(locationEvent) {
+      return locationEvent.bounds;
+    },
+    /** Smooth pan and zoom to the location of the marker. Only works in Leaflet 1.0+. */
+    flyTo: false,
+    /**
+     * The user location can be inside and outside the current view when the user clicks on the
+     * control that is already active. Both cases can be configures separately.
+     * Possible values are:
+     *  - 'setView': zoom and pan to the current location
+     *  - 'stop': stop locating and remove the location marker
+     */
+    clickBehavior: {
+      /** What should happen if the user clicks on the control while the location is within the current view. */
+      inView: "stop",
+      /** What should happen if the user clicks on the control while the location is outside the current view. */
+      outOfView: "setView",
+      /**
+       * What should happen if the user clicks on the control while the location is within the current view
+       * and we could be following but are not. Defaults to a special value which inherits from 'inView';
+       */
+      inViewNotFollowing: "inView"
+    },
+    /**
+     * If set, save the map bounds just before centering to the user's
+     * location. When control is disabled, set the view back to the
+     * bounds that were saved.
+     */
+    returnToPrevBounds: false,
+    /**
+     * Keep a cache of the location after the user deactivates the control. If set to false, the user has to wait
+     * until the locate API returns a new location before they see where they are again.
+     */
+    cacheLocation: true,
+    /** If set, a circle that shows the location accuracy is drawn. */
+    drawCircle: true,
+    /** If set, the marker at the users' location is drawn. */
+    drawMarker: true,
+    /** If set and supported then show the compass heading */
+    showCompass: true,
+    /** The class to be used to create the marker. For example L.CircleMarker or L.Marker */
+    markerClass: LocationMarker,
+    /** The class us be used to create the compass bearing arrow */
+    compassClass: CompassMarker,
+    /** Accuracy circle style properties. NOTE these styles should match the css animations styles */
+    circleStyle: {
+      className: "leaflet-control-locate-circle",
+      color: "#136AEC",
+      fillColor: "#136AEC",
+      fillOpacity: 0.15,
+      weight: 0
+    },
+    /** Inner marker style properties. Only works if your marker class supports `setStyle`. */
+    markerStyle: {
+      className: "leaflet-control-locate-marker",
+      color: "#fff",
+      fillColor: "#2A93EE",
+      fillOpacity: 1,
+      weight: 3,
+      opacity: 1,
+      radius: 9
+    },
+    /** Compass */
+    compassStyle: {
+      fillColor: "#2A93EE",
+      fillOpacity: 1,
+      weight: 0,
+      color: "#fff",
+      opacity: 1,
+      radius: 9, // How far is the arrow from the center of the marker
+      width: 9, // Width of the arrow
+      depth: 6 // Length of the arrow
+    },
+    /**
+     * Changes to accuracy circle and inner marker while following.
+     * It is only necessary to provide the properties that should change.
+     */
+    followCircleStyle: {},
+    followMarkerStyle: {
+      // color: '#FFA500',
+      // fillColor: '#FFB000'
+    },
+    followCompassStyle: {},
+    /** The CSS class for the icon. For example fa-location-arrow or fa-map-marker */
+    icon: "leaflet-control-locate-location-arrow",
+    iconLoading: "leaflet-control-locate-spinner",
+    /** The element to be created for icons. For example span or i */
+    iconElementTag: "span",
+    /** The element to be created for the text. For example small or span */
+    textElementTag: "small",
+    /** Padding around the accuracy circle. */
+    circlePadding: [0, 0],
+    /** Use metric units. */
+    metric: true,
+    /**
+     * This callback can be used in case you would like to override button creation behavior.
+     * This is useful for DOM manipulation frameworks such as angular etc.
+     * This function should return an object with HtmlElement for the button (link property) and the icon (icon property).
+     */
+    createButtonCallback(container, options) {
+      const link = DomUtil.create("a", "leaflet-bar-part leaflet-bar-part-single", container);
+      link.title = options.strings.title;
+      link.href = "#";
+      link.setAttribute("role", "button");
+      const icon = DomUtil.create(options.iconElementTag, options.icon, link);
+
+      if (options.strings.text !== undefined) {
+        const text = DomUtil.create(options.textElementTag, "leaflet-locate-text", link);
+        text.textContent = options.strings.text;
+        link.classList.add("leaflet-locate-text-active");
+        link.parentNode.style.display = "flex";
+        if (options.icon.length > 0) {
+          icon.classList.add("leaflet-locate-icon");
+        }
+      }
+
+      return { link, icon };
+    },
+    /** This event is called in case of any location error that is not a time out error. */
+    onLocationError(err, control) {
+      alert(err.message);
+    },
+    /**
+     * This event is called when the user's location is outside the bounds set on the map.
+     * The event is called repeatedly when the location changes.
+     */
+    onLocationOutsideMapBounds(control) {
+      control.stop();
+      alert(control.options.strings.outsideMapBoundsMsg);
+    },
+    /** Display a pop-up when the user click on the inner marker. */
+    showPopup: true,
+    strings: {
+      title: "Show me where I am",
+      metersUnit: "meters",
+      feetUnit: "feet",
+      popup: "You are within {distance} {unit} from this point",
+      outsideMapBoundsMsg: "You seem located outside the boundaries of the map"
+    },
+    /** The default options passed to leaflets locate method. */
+    locateOptions: {
+      maxZoom: Infinity,
+      watch: true, // if you overwrite this, visualization cannot be updated
+      setView: false // have to set this to false because we have to
+      // do setView manually
+    }
+  },
+
+  initialize(options) {
+    // set default options if nothing is set (merge one step deep)
+    for (const i in options) {
+      if (typeof this.options[i] === "object") {
+        extend(this.options[i], options[i]);
+      } else {
+        this.options[i] = options[i];
+      }
+    }
+
+    // extend the follow marker style and circle from the normal style
+    this.options.followMarkerStyle = extend({}, this.options.markerStyle, this.options.followMarkerStyle);
+    this.options.followCircleStyle = extend({}, this.options.circleStyle, this.options.followCircleStyle);
+    this.options.followCompassStyle = extend({}, this.options.compassStyle, this.options.followCompassStyle);
+  },
+
+  /**
+   * Add control to map. Returns the container for the control.
+   */
+  onAdd(map) {
+    const container = DomUtil.create("div", "leaflet-control-locate leaflet-bar leaflet-control");
+    this._container = container;
+    this._map = map;
+    this._layer = this.options.layer || new LayerGroup();
+    this._layer.addTo(map);
+    this._event = undefined;
+    this._compassHeading = null;
+    this._prevBounds = null;
+
+    const linkAndIcon = this.options.createButtonCallback(container, this.options);
+    this._link = linkAndIcon.link;
+    this._icon = linkAndIcon.icon;
+
+    DomEvent.on(
+      this._link,
+      "click",
+      function (ev) {
+        DomEvent.stopPropagation(ev);
+        DomEvent.preventDefault(ev);
+        this._onClick();
+      },
+      this
+    ).on(this._link, "dblclick", DomEvent.stopPropagation);
+
+    this._resetVariables();
+
+    this._map.on("unload", this._unload, this);
+
+    return container;
+  },
+
+  /**
+   * This method is called when the user clicks on the control.
+   */
+  _onClick() {
+    this._justClicked = true;
+    const wasFollowing = this._isFollowing();
+    this._userPanned = false;
+    this._userZoomed = false;
+
+    if (this._active && !this._event) {
+      // click while requesting
+      this.stop();
+    } else if (this._active) {
+      const behaviors = this.options.clickBehavior;
+      let behavior = behaviors.outOfView;
+      if (this._map.getBounds().contains(this._event.latlng)) {
+        behavior = wasFollowing ? behaviors.inView : behaviors.inViewNotFollowing;
+      }
+
+      // Allow inheriting from another behavior
+      if (behaviors[behavior]) {
+        behavior = behaviors[behavior];
+      }
+
+      switch (behavior) {
+        case "setView":
+          this.setView();
+          break;
+        case "stop":
+          this.stop();
+          if (this.options.returnToPrevBounds) {
+            const f = this.options.flyTo ? this._map.flyToBounds : this._map.fitBounds;
+            f.bind(this._map)(this._prevBounds);
+          }
+          break;
+      }
+    } else {
+      if (this.options.returnToPrevBounds) {
+        this._prevBounds = this._map.getBounds();
+      }
+      this.start();
+    }
+
+    this._updateContainerStyle();
+  },
+
+  /**
+   * Starts the plugin:
+   * - activates the engine
+   * - draws the marker (if coordinates available)
+   */
+  start() {
+    this._activate();
+
+    if (this._event) {
+      this._drawMarker(this._map);
+
+      // if we already have a location but the user clicked on the control
+      if (this.options.setView) {
+        this.setView();
+      }
+    }
+    this._updateContainerStyle();
+  },
+
+  /**
+   * Stops the plugin:
+   * - deactivates the engine
+   * - reinitializes the button
+   * - removes the marker
+   */
+  stop() {
+    this._deactivate();
+
+    this._cleanClasses();
+    this._resetVariables();
+
+    this._removeMarker();
+  },
+
+  /**
+   * Keep the control active but stop following the location
+   */
+  stopFollowing() {
+    this._userPanned = true;
+    this._updateContainerStyle();
+    this._drawMarker();
+  },
+
+  /**
+   * This method launches the location engine.
+   * It is called before the marker is updated,
+   * event if it does not mean that the event will be ready.
+   *
+   * Override it if you want to add more functionalities.
+   * It should set the this._active to true and do nothing if
+   * this._active is true.
+   */
+  _activate() {
+    if (this._active || !this._map) {
+      return;
+    }
+
+    this._map.locate(this.options.locateOptions);
+    this._map.fire("locateactivate", this);
+    this._active = true;
+
+    // bind event listeners
+    this._map.on("locationfound", this._onLocationFound, this);
+    this._map.on("locationerror", this._onLocationError, this);
+    this._map.on("dragstart", this._onDrag, this);
+    this._map.on("zoomstart", this._onZoom, this);
+    this._map.on("zoomend", this._onZoomEnd, this);
+    if (this.options.showCompass) {
+      const oriAbs = "ondeviceorientationabsolute" in window;
+      if (oriAbs || "ondeviceorientation" in window) {
+        const _this = this;
+        const deviceorientation = function () {
+          DomEvent.on(window, oriAbs ? "deviceorientationabsolute" : "deviceorientation", _this._onDeviceOrientation, _this);
+        };
+        if (DeviceOrientationEvent && typeof DeviceOrientationEvent.requestPermission === "function") {
+          DeviceOrientationEvent.requestPermission().then(function (permissionState) {
+            if (permissionState === "granted") {
+              deviceorientation();
+            }
+          });
+        } else {
+          deviceorientation();
+        }
+      }
+    }
+  },
+
+  /**
+   * Called to stop the location engine.
+   *
+   * Override it to shutdown any functionalities you added on start.
+   */
+  _deactivate() {
+    if (!this._active || !this._map) {
+      return;
+    }
+
+    this._map.stopLocate();
+    this._map.fire("locatedeactivate", this);
+    this._active = false;
+
+    if (!this.options.cacheLocation) {
+      this._event = undefined;
+    }
+
+    // unbind event listeners
+    this._map.off("locationfound", this._onLocationFound, this);
+    this._map.off("locationerror", this._onLocationError, this);
+    this._map.off("dragstart", this._onDrag, this);
+    this._map.off("zoomstart", this._onZoom, this);
+    this._map.off("zoomend", this._onZoomEnd, this);
+    if (this.options.showCompass) {
+      this._compassHeading = null;
+      if ("ondeviceorientationabsolute" in window) {
+        DomEvent.off(window, "deviceorientationabsolute", this._onDeviceOrientation, this);
+      } else if ("ondeviceorientation" in window) {
+        DomEvent.off(window, "deviceorientation", this._onDeviceOrientation, this);
+      }
+    }
+  },
+
+  /**
+   * Zoom (unless we should keep the zoom level) and an to the current view.
+   */
+  setView() {
+    this._drawMarker();
+    if (this._isOutsideMapBounds()) {
+      this._event = undefined; // clear the current location so we can get back into the bounds
+      this.options.onLocationOutsideMapBounds(this);
+    } else {
+      if (this._justClicked && this.options.initialZoomLevel !== false) {
+        let f = this.options.flyTo ? this._map.flyTo : this._map.setView;
+        f.bind(this._map)([this._event.latitude, this._event.longitude], this.options.initialZoomLevel);
+      } else if (this.options.keepCurrentZoomLevel) {
+        let f = this.options.flyTo ? this._map.flyTo : this._map.panTo;
+        f.bind(this._map)([this._event.latitude, this._event.longitude]);
+      } else {
+        let f = this.options.flyTo ? this._map.flyToBounds : this._map.fitBounds;
+        // Ignore zoom events while setting the viewport as these would stop following
+        this._ignoreEvent = true;
+        f.bind(this._map)(this.options.getLocationBounds(this._event), {
+          padding: this.options.circlePadding,
+          maxZoom: this.options.initialZoomLevel || this.options.locateOptions.maxZoom
+        });
+        Util.requestAnimFrame(function () {
+          // Wait until after the next animFrame because the flyTo can be async
+          this._ignoreEvent = false;
+        }, this);
+      }
+    }
+  },
+
+  /**
+   *
+   */
+  _drawCompass() {
+    if (!this._event) {
+      return;
+    }
+
+    const latlng = this._event.latlng;
+
+    if (this.options.showCompass && latlng && this._compassHeading !== null) {
+      const cStyle = this._isFollowing() ? this.options.followCompassStyle : this.options.compassStyle;
+      if (!this._compass) {
+        this._compass = new this.options.compassClass(latlng, this._compassHeading, cStyle).addTo(this._layer);
+      } else {
+        this._compass.setLatLng(latlng);
+        this._compass.setHeading(this._compassHeading);
+        // If the compassClass can be updated with setStyle, update it.
+        if (this._compass.setStyle) {
+          this._compass.setStyle(cStyle);
+        }
+      }
+      //
+    }
+    if (this._compass && (!this.options.showCompass || this._compassHeading === null)) {
+      this._compass.removeFrom(this._layer);
+      this._compass = null;
+    }
+  },
+
+  /**
+   * Draw the marker and accuracy circle on the map.
+   *
+   * Uses the event retrieved from onLocationFound from the map.
+   */
+  _drawMarker() {
+    if (this._event.accuracy === undefined) {
+      this._event.accuracy = 0;
+    }
+
+    const radius = this._event.accuracy;
+    const latlng = this._event.latlng;
+
+    // circle with the radius of the location's accuracy
+    if (this.options.drawCircle) {
+      const style = this._isFollowing() ? this.options.followCircleStyle : this.options.circleStyle;
+
+      if (!this._circle) {
+        this._circle = circle(latlng, radius, style).addTo(this._layer);
+      } else {
+        this._circle.setLatLng(latlng).setRadius(radius).setStyle(style);
+      }
+    }
+
+    let distance;
+    let unit;
+    if (this.options.metric) {
+      distance = radius.toFixed(0);
+      unit = this.options.strings.metersUnit;
+    } else {
+      distance = (radius * 3.2808399).toFixed(0);
+      unit = this.options.strings.feetUnit;
+    }
+
+    // small inner marker
+    if (this.options.drawMarker) {
+      const mStyle = this._isFollowing() ? this.options.followMarkerStyle : this.options.markerStyle;
+      if (!this._marker) {
+        this._marker = new this.options.markerClass(latlng, mStyle).addTo(this._layer);
+      } else {
+        this._marker.setLatLng(latlng);
+        // If the markerClass can be updated with setStyle, update it.
+        if (this._marker.setStyle) {
+          this._marker.setStyle(mStyle);
+        }
+      }
+    }
+
+    this._drawCompass();
+
+    const t = this.options.strings.popup;
+    function getPopupText() {
+      if (typeof t === "string") {
+        return Util.template(t, { distance, unit });
+      } else if (typeof t === "function") {
+        return t({ distance, unit });
+      } else {
+        return t;
+      }
+    }
+    if (this.options.showPopup && t && this._marker) {
+      this._marker.bindPopup(getPopupText())._popup.setLatLng(latlng);
+    }
+    if (this.options.showPopup && t && this._compass) {
+      this._compass.bindPopup(getPopupText())._popup.setLatLng(latlng);
+    }
+  },
+
+  /**
+   * Remove the marker from map.
+   */
+  _removeMarker() {
+    this._layer.clearLayers();
+    this._marker = undefined;
+    this._circle = undefined;
+  },
+
+  /**
+   * Unload the plugin and all event listeners.
+   * Kind of the opposite of onAdd.
+   */
+  _unload() {
+    this.stop();
+    // May become undefined during HMR
+    if (this._map) {
+      this._map.off("unload", this._unload, this);
+    }
+  },
+
+  /**
+   * Sets the compass heading
+   */
+  _setCompassHeading(angle) {
+    if (!isNaN(parseFloat(angle)) && isFinite(angle)) {
+      angle = Math.round(angle);
+
+      this._compassHeading = angle;
+      Util.requestAnimFrame(this._drawCompass, this);
+    } else {
+      this._compassHeading = null;
+    }
+  },
+
+  /**
+   * If the compass fails calibration just fail safely and remove the compass
+   */
+  _onCompassNeedsCalibration() {
+    this._setCompassHeading();
+  },
+
+  /**
+   * Process and normalise compass events
+   */
+  _onDeviceOrientation(e) {
+    if (!this._active) {
+      return;
+    }
+
+    if (e.webkitCompassHeading) {
+      // iOS
+      this._setCompassHeading(e.webkitCompassHeading);
+    } else if (e.absolute && e.alpha) {
+      // Android
+      this._setCompassHeading(360 - e.alpha);
+    }
+  },
+
+  /**
+   * Calls deactivate and dispatches an error.
+   */
+  _onLocationError(err) {
+    // ignore time out error if the location is watched
+    if (err.code == 3 && this.options.locateOptions.watch) {
+      return;
+    }
+
+    this.stop();
+    this.options.onLocationError(err, this);
+  },
+
+  /**
+   * Stores the received event and updates the marker.
+   */
+  _onLocationFound(e) {
+    // no need to do anything if the location has not changed
+    if (this._event && this._event.latlng.lat === e.latlng.lat && this._event.latlng.lng === e.latlng.lng && this._event.accuracy === e.accuracy) {
+      return;
+    }
+
+    if (!this._active) {
+      // we may have a stray event
+      return;
+    }
+
+    this._event = e;
+
+    this._drawMarker();
+    this._updateContainerStyle();
+
+    switch (this.options.setView) {
+      case "once":
+        if (this._justClicked) {
+          this.setView();
+        }
+        break;
+      case "untilPan":
+        if (!this._userPanned) {
+          this.setView();
+        }
+        break;
+      case "untilPanOrZoom":
+        if (!this._userPanned && !this._userZoomed) {
+          this.setView();
+        }
+        break;
+      case "always":
+        this.setView();
+        break;
+    }
+
+    this._justClicked = false;
+  },
+
+  /**
+   * When the user drags. Need a separate event so we can bind and unbind event listeners.
+   */
+  _onDrag() {
+    // only react to drags once we have a location
+    if (this._event && !this._ignoreEvent) {
+      this._userPanned = true;
+      this._updateContainerStyle();
+      this._drawMarker();
+    }
+  },
+
+  /**
+   * When the user zooms. Need a separate event so we can bind and unbind event listeners.
+   */
+  _onZoom() {
+    // only react to drags once we have a location
+    if (this._event && !this._ignoreEvent) {
+      this._userZoomed = true;
+      this._updateContainerStyle();
+      this._drawMarker();
+    }
+  },
+
+  /**
+   * After a zoom ends update the compass and handle sideways zooms
+   */
+  _onZoomEnd() {
+    if (this._event) {
+      this._drawCompass();
+    }
+
+    if (this._event && !this._ignoreEvent) {
+      // If we have zoomed in and out and ended up sideways treat it as a pan
+      if (this._marker && !this._map.getBounds().pad(-0.3).contains(this._marker.getLatLng())) {
+        this._userPanned = true;
+        this._updateContainerStyle();
+        this._drawMarker();
+      }
+    }
+  },
+
+  /**
+   * Compute whether the map is following the user location with pan and zoom.
+   */
+  _isFollowing() {
+    if (!this._active) {
+      return false;
+    }
+
+    if (this.options.setView === "always") {
+      return true;
+    } else if (this.options.setView === "untilPan") {
+      return !this._userPanned;
+    } else if (this.options.setView === "untilPanOrZoom") {
+      return !this._userPanned && !this._userZoomed;
+    }
+  },
+
+  /**
+   * Check if location is in map bounds
+   */
+  _isOutsideMapBounds() {
+    if (this._event === undefined) {
+      return false;
+    }
+    return this._map.options.maxBounds && !this._map.options.maxBounds.contains(this._event.latlng);
+  },
+
+  /**
+   * Toggles button class between following and active.
+   */
+  _updateContainerStyle() {
+    if (!this._container) {
+      return;
+    }
+
+    if (this._active && !this._event) {
+      // active but don't have a location yet
+      this._setClasses("requesting");
+    } else if (this._isFollowing()) {
+      this._setClasses("following");
+    } else if (this._active) {
+      this._setClasses("active");
+    } else {
+      this._cleanClasses();
+    }
+  },
+
+  /**
+   * Sets the CSS classes for the state.
+   */
+  _setClasses(state) {
+    if (state == "requesting") {
+      removeClasses(this._container, "active following");
+      addClasses(this._container, "requesting");
+
+      removeClasses(this._icon, this.options.icon);
+      addClasses(this._icon, this.options.iconLoading);
+    } else if (state == "active") {
+      removeClasses(this._container, "requesting following");
+      addClasses(this._container, "active");
+
+      removeClasses(this._icon, this.options.iconLoading);
+      addClasses(this._icon, this.options.icon);
+    } else if (state == "following") {
+      removeClasses(this._container, "requesting");
+      addClasses(this._container, "active following");
+
+      removeClasses(this._icon, this.options.iconLoading);
+      addClasses(this._icon, this.options.icon);
+    }
+  },
+
+  /**
+   * Removes all classes from button.
+   */
+  _cleanClasses() {
+    DomUtil.removeClass(this._container, "requesting");
+    DomUtil.removeClass(this._container, "active");
+    DomUtil.removeClass(this._container, "following");
+
+    removeClasses(this._icon, this.options.iconLoading);
+    addClasses(this._icon, this.options.icon);
+  },
+
+  /**
+   * Reinitializes state variables.
+   */
+  _resetVariables() {
+    // whether locate is active or not
+    this._active = false;
+
+    // true if the control was clicked for the first time
+    // we need this so we can pan and zoom once we have the location
+    this._justClicked = false;
+
+    // true if the user has panned the map after clicking the control
+    this._userPanned = false;
+
+    // true if the user has zoomed the map after clicking the control
+    this._userZoomed = false;
+  }
+});
+
+function locate(options) {
+  return new LocateControl(options);
+}
+
+export { CompassMarker, LocateControl, LocationMarker, locate };
diff --git a/www/locate/L.Control.Locate.mapbox.css b/www/locate/L.Control.Locate.mapbox.css
new file mode 100644
index 0000000..3e9a359
--- /dev/null
+++ b/www/locate/L.Control.Locate.mapbox.css
@@ -0,0 +1,68 @@
+.leaflet-control-locate a {
+  cursor: pointer;
+}
+.leaflet-control-locate a .leaflet-control-locate-location-arrow {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin: 7px;
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+.leaflet-control-locate a .leaflet-control-locate-spinner {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin: 7px;
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M304 48a48 48 0 1 1-96 0 48 48 0 0 1 96 0zm-48 368a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm208-208a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM96 256a48 48 0 1 0-96 0 48 48 0 0 0 96 0zm13 99a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm294 0a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM109 61a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"/></svg>');
+  animation: leaflet-control-locate-spin 2s linear infinite;
+}
+.leaflet-control-locate.active a .leaflet-control-locate-location-arrow {
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(32, 116, 182)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+.leaflet-control-locate.following a .leaflet-control-locate-location-arrow {
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(252, 132, 40)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+
+.leaflet-touch .leaflet-bar .leaflet-locate-text-active {
+  width: 100%;
+  max-width: 200px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  padding: 0 10px;
+}
+.leaflet-touch .leaflet-bar .leaflet-locate-text-active .leaflet-locate-icon {
+  padding: 0 5px 0 0;
+}
+
+.leaflet-control-locate-location circle {
+  animation: leaflet-control-locate-throb 4s ease infinite;
+}
+
+@keyframes leaflet-control-locate-throb {
+  0% {
+    stroke-width: 1;
+  }
+  50% {
+    stroke-width: 3;
+    transform: scale(0.8, 0.8);
+  }
+  100% {
+    stroke-width: 1;
+  }
+}
+@keyframes leaflet-control-locate-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/* Mapbox specific adjustments */
+.leaflet-control-locate a .leaflet-control-locate-location-arrow,
+.leaflet-control-locate a .leaflet-control-locate-spinner {
+  margin: 5px;
+}
+
+/*# sourceMappingURL=L.Control.Locate.mapbox.css.map */
\ No newline at end of file
diff --git a/www/locate/L.Control.Locate.mapbox.css.map b/www/locate/L.Control.Locate.mapbox.css.map
new file mode 100644
index 0000000..9ad7420
--- /dev/null
+++ b/www/locate/L.Control.Locate.mapbox.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["file:///Users/dominik/Developer/leaflet-locatecontrol/src/L.Control.Locate.scss","file:///Users/dominik/Developer/leaflet-locatecontrol/src/L.Control.Locate.mapbox.scss"],"names":[],"mappings":"AASE;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AC3EJ;AAEA;AAAA;EAEE","file":"L.Control.Locate.mapbox.css"}
\ No newline at end of file
diff --git a/www/locate/L.Control.Locate.mapbox.min.css b/www/locate/L.Control.Locate.mapbox.min.css
new file mode 100644
index 0000000..0dd88c1
--- /dev/null
+++ b/www/locate/L.Control.Locate.mapbox.min.css
@@ -0,0 +1,68 @@
+.leaflet-control-locate a {
+  cursor: pointer;
+}
+.leaflet-control-locate a .leaflet-control-locate-location-arrow {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin: 7px;
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+.leaflet-control-locate a .leaflet-control-locate-spinner {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin: 7px;
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M304 48a48 48 0 1 1-96 0 48 48 0 0 1 96 0zm-48 368a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm208-208a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM96 256a48 48 0 1 0-96 0 48 48 0 0 0 96 0zm13 99a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm294 0a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM109 61a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"/></svg>');
+  animation: leaflet-control-locate-spin 2s linear infinite;
+}
+.leaflet-control-locate.active a .leaflet-control-locate-location-arrow {
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(32, 116, 182)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+.leaflet-control-locate.following a .leaflet-control-locate-location-arrow {
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(252, 132, 40)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+
+.leaflet-touch .leaflet-bar .leaflet-locate-text-active {
+  width: 100%;
+  max-width: 200px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  padding: 0 10px;
+}
+.leaflet-touch .leaflet-bar .leaflet-locate-text-active .leaflet-locate-icon {
+  padding: 0 5px 0 0;
+}
+
+.leaflet-control-locate-location circle {
+  animation: leaflet-control-locate-throb 4s ease infinite;
+}
+
+@keyframes leaflet-control-locate-throb {
+  0% {
+    stroke-width: 1;
+  }
+  50% {
+    stroke-width: 3;
+    transform: scale(0.8, 0.8);
+  }
+  100% {
+    stroke-width: 1;
+  }
+}
+@keyframes leaflet-control-locate-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/* Mapbox specific adjustments */
+.leaflet-control-locate a .leaflet-control-locate-location-arrow,
+.leaflet-control-locate a .leaflet-control-locate-spinner {
+  margin: 5px;
+}
+
+/*# sourceMappingURL=L.Control.Locate.mapbox.min.css.map */
\ No newline at end of file
diff --git a/www/locate/L.Control.Locate.mapbox.min.css.map b/www/locate/L.Control.Locate.mapbox.min.css.map
new file mode 100644
index 0000000..c9c54de
--- /dev/null
+++ b/www/locate/L.Control.Locate.mapbox.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["file:///Users/dominik/Developer/leaflet-locatecontrol/src/L.Control.Locate.scss","file:///Users/dominik/Developer/leaflet-locatecontrol/src/L.Control.Locate.mapbox.scss"],"names":[],"mappings":"AASE;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AC3EJ;AAEA;AAAA;EAEE","file":"L.Control.Locate.mapbox.min.css"}
\ No newline at end of file
diff --git a/www/locate/L.Control.Locate.min.css b/www/locate/L.Control.Locate.min.css
new file mode 100644
index 0000000..5fdc942
--- /dev/null
+++ b/www/locate/L.Control.Locate.min.css
@@ -0,0 +1,63 @@
+.leaflet-control-locate a {
+  cursor: pointer;
+}
+.leaflet-control-locate a .leaflet-control-locate-location-arrow {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin: 7px;
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+.leaflet-control-locate a .leaflet-control-locate-spinner {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin: 7px;
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M304 48a48 48 0 1 1-96 0 48 48 0 0 1 96 0zm-48 368a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm208-208a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM96 256a48 48 0 1 0-96 0 48 48 0 0 0 96 0zm13 99a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm294 0a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM109 61a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"/></svg>');
+  animation: leaflet-control-locate-spin 2s linear infinite;
+}
+.leaflet-control-locate.active a .leaflet-control-locate-location-arrow {
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(32, 116, 182)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+.leaflet-control-locate.following a .leaflet-control-locate-location-arrow {
+  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(252, 132, 40)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>');
+}
+
+.leaflet-touch .leaflet-bar .leaflet-locate-text-active {
+  width: 100%;
+  max-width: 200px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  padding: 0 10px;
+}
+.leaflet-touch .leaflet-bar .leaflet-locate-text-active .leaflet-locate-icon {
+  padding: 0 5px 0 0;
+}
+
+.leaflet-control-locate-location circle {
+  animation: leaflet-control-locate-throb 4s ease infinite;
+}
+
+@keyframes leaflet-control-locate-throb {
+  0% {
+    stroke-width: 1;
+  }
+  50% {
+    stroke-width: 3;
+    transform: scale(0.8, 0.8);
+  }
+  100% {
+    stroke-width: 1;
+  }
+}
+@keyframes leaflet-control-locate-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+/*# sourceMappingURL=L.Control.Locate.min.css.map */
\ No newline at end of file
diff --git a/www/locate/L.Control.Locate.min.css.map b/www/locate/L.Control.Locate.min.css.map
new file mode 100644
index 0000000..15c14b8
--- /dev/null
+++ b/www/locate/L.Control.Locate.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["file:///Users/dominik/Developer/leaflet-locatecontrol/src/L.Control.Locate.scss"],"names":[],"mappings":"AASE;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE","file":"L.Control.Locate.min.css"}
\ No newline at end of file
diff --git a/www/locate/L.Control.Locate.min.js b/www/locate/L.Control.Locate.min.js
new file mode 100644
index 0000000..fc0679c
--- /dev/null
+++ b/www/locate/L.Control.Locate.min.js
@@ -0,0 +1,4 @@
+/*! Version: 0.83.1
+Copyright (c) 2016 Dominik Moritz */
+!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports,require("leaflet")):"function"==typeof define&&define.amd?define(["exports","leaflet"],i):i(((t="undefined"!=typeof globalThis?globalThis:t||self).L=t.L||{},t.L.Control=t.L.Control||{},t.L.Control.Locate={}),t.L)}(this,function(t,l){"use strict";const i=(i,t)=>{t.split(" ").forEach(t=>{i.classList.add(t)})},s=(i,t)=>{t.split(" ").forEach(t=>{i.classList.remove(t)})};var o=l.Marker.extend({initialize(t,i){l.setOptions(this,i),this._latlng=t,this.createIcon()},createIcon(){var t=this.options;let i="";void 0!==t.color&&(i+=`stroke:${t.color};`),void 0!==t.weight&&(i+=`stroke-width:${t.weight};`),void 0!==t.fillColor&&(i+=`fill:${t.fillColor};`),void 0!==t.fillOpacity&&(i+=`fill-opacity:${t.fillOpacity};`),void 0!==t.opacity&&(i+=`opacity:${t.opacity};`);t=this._getIconSVG(t,i);this._locationIcon=l.divIcon({className:t.className,html:t.svg,iconSize:[t.w,t.h]}),this.setIcon(this._locationIcon)},_getIconSVG(t,i){var s=t.radius,t=s+t.weight,o=2*t;return{className:"leaflet-control-locate-location",svg:`<svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${o}" version="1.1" viewBox="-${t} -${t} ${o} ${o}">`+'<circle r="'+s+'" style="'+i+'" /></svg>',w:o,h:o}},setStyle(t){l.setOptions(this,t),this.createIcon()}}),e=o.extend({initialize(t,i,s){l.setOptions(this,s),this._latlng=t,this._heading=i,this.createIcon()},setHeading(t){this._heading=t},_getIconSVG(t,i){var s=t.radius,o=t.width+t.weight,s=2*(s+t.depth+t.weight),t=`M0,0 l${t.width/2},${t.depth} l-${o},0 z`;return{className:"leaflet-control-locate-heading",svg:`<svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${s}" version="1.1" viewBox="-${o/2} 0 ${o} ${s}" style="${`transform: rotate(${this._heading}deg)`}">`+'<path d="'+t+'" style="'+i+'" /></svg>',w:o,h:s}}});const n=l.Control.extend({options:{position:"topleft",layer:void 0,setView:"untilPanOrZoom",keepCurrentZoomLevel:!1,initialZoomLevel:!1,getLocationBounds(t){return t.bounds},flyTo:!1,clickBehavior:{inView:"stop",outOfView:"setView",inViewNotFollowing:"inView"},returnToPrevBounds:!1,cacheLocation:!0,drawCircle:!0,drawMarker:!0,showCompass:!0,markerClass:o,compassClass:e,circleStyle:{className:"leaflet-control-locate-circle",color:"#136AEC",fillColor:"#136AEC",fillOpacity:.15,weight:0},markerStyle:{className:"leaflet-control-locate-marker",color:"#fff",fillColor:"#2A93EE",fillOpacity:1,weight:3,opacity:1,radius:9},compassStyle:{fillColor:"#2A93EE",fillOpacity:1,weight:0,color:"#fff",opacity:1,radius:9,width:9,depth:6},followCircleStyle:{},followMarkerStyle:{},followCompassStyle:{},icon:"leaflet-control-locate-location-arrow",iconLoading:"leaflet-control-locate-spinner",iconElementTag:"span",textElementTag:"small",circlePadding:[0,0],metric:!0,createButtonCallback(t,i){var t=l.DomUtil.create("a","leaflet-bar-part leaflet-bar-part-single",t),s=(t.title=i.strings.title,t.href="#",t.setAttribute("role","button"),l.DomUtil.create(i.iconElementTag,i.icon,t));return void 0!==i.strings.text&&(l.DomUtil.create(i.textElementTag,"leaflet-locate-text",t).textContent=i.strings.text,t.classList.add("leaflet-locate-text-active"),t.parentNode.style.display="flex",0<i.icon.length)&&s.classList.add("leaflet-locate-icon"),{link:t,icon:s}},onLocationError(t,i){alert(t.message)},onLocationOutsideMapBounds(t){t.stop(),alert(t.options.strings.outsideMapBoundsMsg)},showPopup:!0,strings:{title:"Show me where I am",metersUnit:"meters",feetUnit:"feet",popup:"You are within {distance} {unit} from this point",outsideMapBoundsMsg:"You seem located outside the boundaries of the map"},locateOptions:{maxZoom:1/0,watch:!0,setView:!1}},initialize(t){for(const i in t)"object"==typeof this.options[i]?l.extend(this.options[i],t[i]):this.options[i]=t[i];this.options.followMarkerStyle=l.extend({},this.options.markerStyle,this.options.followMarkerStyle),this.options.followCircleStyle=l.extend({},this.options.circleStyle,this.options.followCircleStyle),this.options.followCompassStyle=l.extend({},this.options.compassStyle,this.options.followCompassStyle)},onAdd(t){var i=l.DomUtil.create("div","leaflet-control-locate leaflet-bar leaflet-control"),t=(this._container=i,this._map=t,this._layer=this.options.layer||new l.LayerGroup,this._layer.addTo(t),this._event=void 0,this._compassHeading=null,this._prevBounds=null,this.options.createButtonCallback(i,this.options));return this._link=t.link,this._icon=t.icon,l.DomEvent.on(this._link,"click",function(t){l.DomEvent.stopPropagation(t),l.DomEvent.preventDefault(t),this._onClick()},this).on(this._link,"dblclick",l.DomEvent.stopPropagation),this._resetVariables(),this._map.on("unload",this._unload,this),i},_onClick(){this._justClicked=!0;var i=this._isFollowing();if(this._userPanned=!1,this._userZoomed=!1,this._active&&!this._event)this.stop();else if(this._active){var s=this.options.clickBehavior;let t=s.outOfView;switch(t=s[t=this._map.getBounds().contains(this._event.latlng)?i?s.inView:s.inViewNotFollowing:t]?s[t]:t){case"setView":this.setView();break;case"stop":this.stop(),this.options.returnToPrevBounds&&(this.options.flyTo?this._map.flyToBounds:this._map.fitBounds).bind(this._map)(this._prevBounds)}}else this.options.returnToPrevBounds&&(this._prevBounds=this._map.getBounds()),this.start();this._updateContainerStyle()},start(){this._activate(),this._event&&(this._drawMarker(this._map),this.options.setView)&&this.setView(),this._updateContainerStyle()},stop(){this._deactivate(),this._cleanClasses(),this._resetVariables(),this._removeMarker()},stopFollowing(){this._userPanned=!0,this._updateContainerStyle(),this._drawMarker()},_activate(){if(!this._active&&this._map&&(this._map.locate(this.options.locateOptions),this._map.fire("locateactivate",this),this._active=!0,this._map.on("locationfound",this._onLocationFound,this),this._map.on("locationerror",this._onLocationError,this),this._map.on("dragstart",this._onDrag,this),this._map.on("zoomstart",this._onZoom,this),this._map.on("zoomend",this._onZoomEnd,this),this.options.showCompass)){const t="ondeviceorientationabsolute"in window;if(t||"ondeviceorientation"in window){const i=this,s=function(){l.DomEvent.on(window,t?"deviceorientationabsolute":"deviceorientation",i._onDeviceOrientation,i)};DeviceOrientationEvent&&"function"==typeof DeviceOrientationEvent.requestPermission?DeviceOrientationEvent.requestPermission().then(function(t){"granted"===t&&s()}):s()}}},_deactivate(){this._active&&this._map&&(this._map.stopLocate(),this._map.fire("locatedeactivate",this),this._active=!1,this.options.cacheLocation||(this._event=void 0),this._map.off("locationfound",this._onLocationFound,this),this._map.off("locationerror",this._onLocationError,this),this._map.off("dragstart",this._onDrag,this),this._map.off("zoomstart",this._onZoom,this),this._map.off("zoomend",this._onZoomEnd,this),this.options.showCompass)&&(this._compassHeading=null,"ondeviceorientationabsolute"in window?l.DomEvent.off(window,"deviceorientationabsolute",this._onDeviceOrientation,this):"ondeviceorientation"in window&&l.DomEvent.off(window,"deviceorientation",this._onDeviceOrientation,this))},setView(){var t;this._drawMarker(),this._isOutsideMapBounds()?(this._event=void 0,this.options.onLocationOutsideMapBounds(this)):this._justClicked&&!1!==this.options.initialZoomLevel?(this.options.flyTo?this._map.flyTo:this._map.setView).bind(this._map)([this._event.latitude,this._event.longitude],this.options.initialZoomLevel):this.options.keepCurrentZoomLevel?(this.options.flyTo?this._map.flyTo:this._map.panTo).bind(this._map)([this._event.latitude,this._event.longitude]):(t=this.options.flyTo?this._map.flyToBounds:this._map.fitBounds,this._ignoreEvent=!0,t.bind(this._map)(this.options.getLocationBounds(this._event),{padding:this.options.circlePadding,maxZoom:this.options.initialZoomLevel||this.options.locateOptions.maxZoom}),l.Util.requestAnimFrame(function(){this._ignoreEvent=!1},this))},_drawCompass(){var t,i;this._event&&(t=this._event.latlng,this.options.showCompass&&t&&null!==this._compassHeading&&(i=this._isFollowing()?this.options.followCompassStyle:this.options.compassStyle,this._compass?(this._compass.setLatLng(t),this._compass.setHeading(this._compassHeading),this._compass.setStyle&&this._compass.setStyle(i)):this._compass=new this.options.compassClass(t,this._compassHeading,i).addTo(this._layer)),!this._compass||this.options.showCompass&&null!==this._compassHeading||(this._compass.removeFrom(this._layer),this._compass=null))},_drawMarker(){void 0===this._event.accuracy&&(this._event.accuracy=0);var t,i=this._event.accuracy,s=this._event.latlng;this.options.drawCircle&&(t=this._isFollowing()?this.options.followCircleStyle:this.options.circleStyle,this._circle?this._circle.setLatLng(s).setRadius(i).setStyle(t):this._circle=l.circle(s,i,t).addTo(this._layer));let o,e;e=this.options.metric?(o=i.toFixed(0),this.options.strings.metersUnit):(o=(3.2808399*i).toFixed(0),this.options.strings.feetUnit),this.options.drawMarker&&(t=this._isFollowing()?this.options.followMarkerStyle:this.options.markerStyle,this._marker?(this._marker.setLatLng(s),this._marker.setStyle&&this._marker.setStyle(t)):this._marker=new this.options.markerClass(s,t).addTo(this._layer)),this._drawCompass();const n=this.options.strings.popup;function a(){return"string"==typeof n?l.Util.template(n,{distance:o,unit:e}):"function"==typeof n?n({distance:o,unit:e}):n}this.options.showPopup&&n&&this._marker&&this._marker.bindPopup(a())._popup.setLatLng(s),this.options.showPopup&&n&&this._compass&&this._compass.bindPopup(a())._popup.setLatLng(s)},_removeMarker(){this._layer.clearLayers(),this._marker=void 0,this._circle=void 0},_unload(){this.stop(),this._map&&this._map.off("unload",this._unload,this)},_setCompassHeading(t){!isNaN(parseFloat(t))&&isFinite(t)?(t=Math.round(t),this._compassHeading=t,l.Util.requestAnimFrame(this._drawCompass,this)):this._compassHeading=null},_onCompassNeedsCalibration(){this._setCompassHeading()},_onDeviceOrientation(t){this._active&&(t.webkitCompassHeading?this._setCompassHeading(t.webkitCompassHeading):t.absolute&&t.alpha&&this._setCompassHeading(360-t.alpha))},_onLocationError(t){3==t.code&&this.options.locateOptions.watch||(this.stop(),this.options.onLocationError(t,this))},_onLocationFound(t){if((!this._event||this._event.latlng.lat!==t.latlng.lat||this._event.latlng.lng!==t.latlng.lng||this._event.accuracy!==t.accuracy)&&this._active){switch(this._event=t,this._drawMarker(),this._updateContainerStyle(),this.options.setView){case"once":this._justClicked&&this.setView();break;case"untilPan":this._userPanned||this.setView();break;case"untilPanOrZoom":this._userPanned||this._userZoomed||this.setView();break;case"always":this.setView()}this._justClicked=!1}},_onDrag(){this._event&&!this._ignoreEvent&&(this._userPanned=!0,this._updateContainerStyle(),this._drawMarker())},_onZoom(){this._event&&!this._ignoreEvent&&(this._userZoomed=!0,this._updateContainerStyle(),this._drawMarker())},_onZoomEnd(){this._event&&this._drawCompass(),this._event&&!this._ignoreEvent&&this._marker&&!this._map.getBounds().pad(-.3).contains(this._marker.getLatLng())&&(this._userPanned=!0,this._updateContainerStyle(),this._drawMarker())},_isFollowing(){return!!this._active&&("always"===this.options.setView||("untilPan"===this.options.setView?!this._userPanned:"untilPanOrZoom"===this.options.setView?!this._userPanned&&!this._userZoomed:void 0))},_isOutsideMapBounds(){return void 0!==this._event&&this._map.options.maxBounds&&!this._map.options.maxBounds.contains(this._event.latlng)},_updateContainerStyle(){this._container&&(this._active&&!this._event?this._setClasses("requesting"):this._isFollowing()?this._setClasses("following"):this._active?this._setClasses("active"):this._cleanClasses())},_setClasses(t){"requesting"==t?(s(this._container,"active following"),i(this._container,"requesting"),s(this._icon,this.options.icon),i(this._icon,this.options.iconLoading)):"active"==t?(s(this._container,"requesting following"),i(this._container,"active"),s(this._icon,this.options.iconLoading),i(this._icon,this.options.icon)):"following"==t&&(s(this._container,"requesting"),i(this._container,"active following"),s(this._icon,this.options.iconLoading),i(this._icon,this.options.icon))},_cleanClasses(){l.DomUtil.removeClass(this._container,"requesting"),l.DomUtil.removeClass(this._container,"active"),l.DomUtil.removeClass(this._container,"following"),s(this._icon,this.options.iconLoading),i(this._icon,this.options.icon)},_resetVariables(){this._active=!1,this._justClicked=!1,this._userPanned=!1,this._userZoomed=!1}});t.CompassMarker=e,t.LocateControl=n,t.LocationMarker=o,t.locate=function(t){return new n(t)},Object.defineProperty(t,"__esModule",{value:!0})}),"undefined"!=typeof window&&window.L&&(window.L.control=window.L.control||{},window.L.control.locate=window.L.Control.Locate.locate);
+//# sourceMappingURL=L.Control.Locate.min.js.map
\ No newline at end of file
diff --git a/www/locate/L.Control.Locate.min.js.map b/www/locate/L.Control.Locate.min.js.map
new file mode 100644
index 0000000..2dbce96
--- /dev/null
+++ b/www/locate/L.Control.Locate.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"L.Control.Locate.min.js","sources":["L.Control.Locate.umd.js"],"names":["global","factory","exports","module","require","define","amd","globalThis","self","L","Control","Locate","this","leaflet","addClasses","el","names","split","forEach","classList","add","className","removeClasses","remove","LocationMarker","Marker","extend","initialize","latlng","options","setOptions","_latlng","createIcon","opt","let","style","undefined","color","weight","fillColor","fillOpacity","opacity","icon","_getIconSVG","_locationIcon","divIcon","html","svg","iconSize","w","h","setIcon","r","radius","s","s2","setStyle","CompassMarker","heading","_heading","setHeading","width","depth","path","LocateControl","position","layer","setView","keepCurrentZoomLevel","initialZoomLevel","getLocationBounds","locationEvent","bounds","flyTo","clickBehavior","inView","outOfView","inViewNotFollowing","returnToPrevBounds","cacheLocation","drawCircle","drawMarker","showCompass","markerClass","compassClass","circleStyle","markerStyle","compassStyle","followCircleStyle","followMarkerStyle","followCompassStyle","iconLoading","iconElementTag","textElementTag","circlePadding","metric","createButtonCallback","container","link","DomUtil","create","title","strings","href","setAttribute","text","textContent","parentNode","display","length","onLocationError","err","control","alert","message","onLocationOutsideMapBounds","stop","outsideMapBoundsMsg","showPopup","metersUnit","feetUnit","popup","locateOptions","maxZoom","Infinity","watch","i","onAdd","map","linkAndIcon","_container","_map","_layer","LayerGroup","addTo","_event","_compassHeading","_prevBounds","_link","_icon","DomEvent","on","ev","stopPropagation","preventDefault","_onClick","_resetVariables","_unload","_justClicked","wasFollowing","_isFollowing","_userPanned","_userZoomed","_active","behaviors","behavior","getBounds","contains","flyToBounds","fitBounds","bind","start","_updateContainerStyle","_activate","_drawMarker","_deactivate","_cleanClasses","_removeMarker","stopFollowing","locate","fire","_onLocationFound","_onLocationError","_onDrag","_onZoom","_onZoomEnd","oriAbs","window","_this","deviceorientation","_onDeviceOrientation","DeviceOrientationEvent","requestPermission","then","permissionState","stopLocate","off","f","_isOutsideMapBounds","latitude","longitude","panTo","_ignoreEvent","padding","Util","requestAnimFrame","_drawCompass","cStyle","_compass","setLatLng","removeFrom","accuracy","mStyle","_circle","setRadius","circle","distance","unit","toFixed","_marker","t","getPopupText","template","bindPopup","_popup","clearLayers","_setCompassHeading","angle","isNaN","parseFloat","isFinite","Math","round","_onCompassNeedsCalibration","e","webkitCompassHeading","absolute","alpha","code","lat","lng","pad","getLatLng","maxBounds","_setClasses","state","removeClass","Object","defineProperty","value"],"mappings":"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"}
\ No newline at end of file
diff --git a/www/locate/L.Control.Locate.umd.js b/www/locate/L.Control.Locate.umd.js
new file mode 100644
index 0000000..8f8147f
--- /dev/null
+++ b/www/locate/L.Control.Locate.umd.js
@@ -0,0 +1,952 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('leaflet')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'leaflet'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.L = global.L || {}, global.L.Control = global.L.Control || {}, global.L.Control.Locate = {}), global.L));
+})(this, (function (exports, leaflet) { 'use strict';
+
+  /*!
+  Copyright (c) 2016 Dominik Moritz
+
+  This file is part of the leaflet locate control. It is licensed under the MIT license.
+  You can find the project at: https://github.com/domoritz/leaflet-locatecontrol
+  */
+  const addClasses = (el, names) => {
+    names.split(" ").forEach((className) => {
+      el.classList.add(className);
+    });
+  };
+
+  const removeClasses = (el, names) => {
+    names.split(" ").forEach((className) => {
+      el.classList.remove(className);
+    });
+  };
+
+  /**
+   * Compatible with Circle but a true marker instead of a path
+   */
+  const LocationMarker = leaflet.Marker.extend({
+    initialize(latlng, options) {
+      leaflet.setOptions(this, options);
+      this._latlng = latlng;
+      this.createIcon();
+    },
+
+    /**
+     * Create a styled circle location marker
+     */
+    createIcon() {
+      const opt = this.options;
+
+      let style = "";
+
+      if (opt.color !== undefined) {
+        style += `stroke:${opt.color};`;
+      }
+      if (opt.weight !== undefined) {
+        style += `stroke-width:${opt.weight};`;
+      }
+      if (opt.fillColor !== undefined) {
+        style += `fill:${opt.fillColor};`;
+      }
+      if (opt.fillOpacity !== undefined) {
+        style += `fill-opacity:${opt.fillOpacity};`;
+      }
+      if (opt.opacity !== undefined) {
+        style += `opacity:${opt.opacity};`;
+      }
+
+      const icon = this._getIconSVG(opt, style);
+
+      this._locationIcon = leaflet.divIcon({
+        className: icon.className,
+        html: icon.svg,
+        iconSize: [icon.w, icon.h]
+      });
+
+      this.setIcon(this._locationIcon);
+    },
+
+    /**
+     * Return the raw svg for the shape
+     *
+     * Split so can be easily overridden
+     */
+    _getIconSVG(options, style) {
+      const r = options.radius;
+      const w = options.weight;
+      const s = r + w;
+      const s2 = s * 2;
+      const svg =
+        `<svg xmlns="http://www.w3.org/2000/svg" width="${s2}" height="${s2}" version="1.1" viewBox="-${s} -${s} ${s2} ${s2}">` +
+        '<circle r="' +
+        r +
+        '" style="' +
+        style +
+        '" />' +
+        "</svg>";
+      return {
+        className: "leaflet-control-locate-location",
+        svg,
+        w: s2,
+        h: s2
+      };
+    },
+
+    setStyle(style) {
+      leaflet.setOptions(this, style);
+      this.createIcon();
+    }
+  });
+
+  const CompassMarker = LocationMarker.extend({
+    initialize(latlng, heading, options) {
+      leaflet.setOptions(this, options);
+      this._latlng = latlng;
+      this._heading = heading;
+      this.createIcon();
+    },
+
+    setHeading(heading) {
+      this._heading = heading;
+    },
+
+    /**
+     * Create a styled arrow compass marker
+     */
+    _getIconSVG(options, style) {
+      const r = options.radius;
+      const w = options.width + options.weight;
+      const h = (r + options.depth + options.weight) * 2;
+      const path = `M0,0 l${options.width / 2},${options.depth} l-${w},0 z`;
+      const svgstyle = `transform: rotate(${this._heading}deg)`;
+      const svg =
+        `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}" version="1.1" viewBox="-${w / 2} 0 ${w} ${h}" style="${svgstyle}">` +
+        '<path d="' +
+        path +
+        '" style="' +
+        style +
+        '" />' +
+        "</svg>";
+      return {
+        className: "leaflet-control-locate-heading",
+        svg,
+        w,
+        h
+      };
+    }
+  });
+
+  const LocateControl = leaflet.Control.extend({
+    options: {
+      /** Position of the control */
+      position: "topleft",
+      /** The layer that the user's location should be drawn on. By default creates a new layer. */
+      layer: undefined,
+      /**
+       * Automatically sets the map view (zoom and pan) to the user's location as it updates.
+       * While the map is following the user's location, the control is in the `following` state,
+       * which changes the style of the control and the circle marker.
+       *
+       * Possible values:
+       *  - false: never updates the map view when location changes.
+       *  - 'once': set the view when the location is first determined
+       *  - 'always': always updates the map view when location changes.
+       *              The map view follows the user's location.
+       *  - 'untilPan': like 'always', except stops updating the
+       *                view if the user has manually panned the map.
+       *                The map view follows the user's location until she pans.
+       *  - 'untilPanOrZoom': (default) like 'always', except stops updating the
+       *                view if the user has manually panned the map.
+       *                The map view follows the user's location until she pans.
+       */
+      setView: "untilPanOrZoom",
+      /** Keep the current map zoom level when setting the view and only pan. */
+      keepCurrentZoomLevel: false,
+      /** After activating the plugin by clicking on the icon, zoom to the selected zoom level, even when keepCurrentZoomLevel is true. Set to 'false' to disable this feature. */
+      initialZoomLevel: false,
+      /**
+       * This callback can be used to override the viewport tracking
+       * This function should return a LatLngBounds object.
+       *
+       * For example to extend the viewport to ensure that a particular LatLng is visible:
+       *
+       * getLocationBounds: function(locationEvent) {
+       *    return locationEvent.bounds.extend([-33.873085, 151.219273]);
+       * },
+       */
+      getLocationBounds(locationEvent) {
+        return locationEvent.bounds;
+      },
+      /** Smooth pan and zoom to the location of the marker. Only works in Leaflet 1.0+. */
+      flyTo: false,
+      /**
+       * The user location can be inside and outside the current view when the user clicks on the
+       * control that is already active. Both cases can be configures separately.
+       * Possible values are:
+       *  - 'setView': zoom and pan to the current location
+       *  - 'stop': stop locating and remove the location marker
+       */
+      clickBehavior: {
+        /** What should happen if the user clicks on the control while the location is within the current view. */
+        inView: "stop",
+        /** What should happen if the user clicks on the control while the location is outside the current view. */
+        outOfView: "setView",
+        /**
+         * What should happen if the user clicks on the control while the location is within the current view
+         * and we could be following but are not. Defaults to a special value which inherits from 'inView';
+         */
+        inViewNotFollowing: "inView"
+      },
+      /**
+       * If set, save the map bounds just before centering to the user's
+       * location. When control is disabled, set the view back to the
+       * bounds that were saved.
+       */
+      returnToPrevBounds: false,
+      /**
+       * Keep a cache of the location after the user deactivates the control. If set to false, the user has to wait
+       * until the locate API returns a new location before they see where they are again.
+       */
+      cacheLocation: true,
+      /** If set, a circle that shows the location accuracy is drawn. */
+      drawCircle: true,
+      /** If set, the marker at the users' location is drawn. */
+      drawMarker: true,
+      /** If set and supported then show the compass heading */
+      showCompass: true,
+      /** The class to be used to create the marker. For example L.CircleMarker or L.Marker */
+      markerClass: LocationMarker,
+      /** The class us be used to create the compass bearing arrow */
+      compassClass: CompassMarker,
+      /** Accuracy circle style properties. NOTE these styles should match the css animations styles */
+      circleStyle: {
+        className: "leaflet-control-locate-circle",
+        color: "#136AEC",
+        fillColor: "#136AEC",
+        fillOpacity: 0.15,
+        weight: 0
+      },
+      /** Inner marker style properties. Only works if your marker class supports `setStyle`. */
+      markerStyle: {
+        className: "leaflet-control-locate-marker",
+        color: "#fff",
+        fillColor: "#2A93EE",
+        fillOpacity: 1,
+        weight: 3,
+        opacity: 1,
+        radius: 9
+      },
+      /** Compass */
+      compassStyle: {
+        fillColor: "#2A93EE",
+        fillOpacity: 1,
+        weight: 0,
+        color: "#fff",
+        opacity: 1,
+        radius: 9, // How far is the arrow from the center of the marker
+        width: 9, // Width of the arrow
+        depth: 6 // Length of the arrow
+      },
+      /**
+       * Changes to accuracy circle and inner marker while following.
+       * It is only necessary to provide the properties that should change.
+       */
+      followCircleStyle: {},
+      followMarkerStyle: {
+        // color: '#FFA500',
+        // fillColor: '#FFB000'
+      },
+      followCompassStyle: {},
+      /** The CSS class for the icon. For example fa-location-arrow or fa-map-marker */
+      icon: "leaflet-control-locate-location-arrow",
+      iconLoading: "leaflet-control-locate-spinner",
+      /** The element to be created for icons. For example span or i */
+      iconElementTag: "span",
+      /** The element to be created for the text. For example small or span */
+      textElementTag: "small",
+      /** Padding around the accuracy circle. */
+      circlePadding: [0, 0],
+      /** Use metric units. */
+      metric: true,
+      /**
+       * This callback can be used in case you would like to override button creation behavior.
+       * This is useful for DOM manipulation frameworks such as angular etc.
+       * This function should return an object with HtmlElement for the button (link property) and the icon (icon property).
+       */
+      createButtonCallback(container, options) {
+        const link = leaflet.DomUtil.create("a", "leaflet-bar-part leaflet-bar-part-single", container);
+        link.title = options.strings.title;
+        link.href = "#";
+        link.setAttribute("role", "button");
+        const icon = leaflet.DomUtil.create(options.iconElementTag, options.icon, link);
+
+        if (options.strings.text !== undefined) {
+          const text = leaflet.DomUtil.create(options.textElementTag, "leaflet-locate-text", link);
+          text.textContent = options.strings.text;
+          link.classList.add("leaflet-locate-text-active");
+          link.parentNode.style.display = "flex";
+          if (options.icon.length > 0) {
+            icon.classList.add("leaflet-locate-icon");
+          }
+        }
+
+        return { link, icon };
+      },
+      /** This event is called in case of any location error that is not a time out error. */
+      onLocationError(err, control) {
+        alert(err.message);
+      },
+      /**
+       * This event is called when the user's location is outside the bounds set on the map.
+       * The event is called repeatedly when the location changes.
+       */
+      onLocationOutsideMapBounds(control) {
+        control.stop();
+        alert(control.options.strings.outsideMapBoundsMsg);
+      },
+      /** Display a pop-up when the user click on the inner marker. */
+      showPopup: true,
+      strings: {
+        title: "Show me where I am",
+        metersUnit: "meters",
+        feetUnit: "feet",
+        popup: "You are within {distance} {unit} from this point",
+        outsideMapBoundsMsg: "You seem located outside the boundaries of the map"
+      },
+      /** The default options passed to leaflets locate method. */
+      locateOptions: {
+        maxZoom: Infinity,
+        watch: true, // if you overwrite this, visualization cannot be updated
+        setView: false // have to set this to false because we have to
+        // do setView manually
+      }
+    },
+
+    initialize(options) {
+      // set default options if nothing is set (merge one step deep)
+      for (const i in options) {
+        if (typeof this.options[i] === "object") {
+          leaflet.extend(this.options[i], options[i]);
+        } else {
+          this.options[i] = options[i];
+        }
+      }
+
+      // extend the follow marker style and circle from the normal style
+      this.options.followMarkerStyle = leaflet.extend({}, this.options.markerStyle, this.options.followMarkerStyle);
+      this.options.followCircleStyle = leaflet.extend({}, this.options.circleStyle, this.options.followCircleStyle);
+      this.options.followCompassStyle = leaflet.extend({}, this.options.compassStyle, this.options.followCompassStyle);
+    },
+
+    /**
+     * Add control to map. Returns the container for the control.
+     */
+    onAdd(map) {
+      const container = leaflet.DomUtil.create("div", "leaflet-control-locate leaflet-bar leaflet-control");
+      this._container = container;
+      this._map = map;
+      this._layer = this.options.layer || new leaflet.LayerGroup();
+      this._layer.addTo(map);
+      this._event = undefined;
+      this._compassHeading = null;
+      this._prevBounds = null;
+
+      const linkAndIcon = this.options.createButtonCallback(container, this.options);
+      this._link = linkAndIcon.link;
+      this._icon = linkAndIcon.icon;
+
+      leaflet.DomEvent.on(
+        this._link,
+        "click",
+        function (ev) {
+          leaflet.DomEvent.stopPropagation(ev);
+          leaflet.DomEvent.preventDefault(ev);
+          this._onClick();
+        },
+        this
+      ).on(this._link, "dblclick", leaflet.DomEvent.stopPropagation);
+
+      this._resetVariables();
+
+      this._map.on("unload", this._unload, this);
+
+      return container;
+    },
+
+    /**
+     * This method is called when the user clicks on the control.
+     */
+    _onClick() {
+      this._justClicked = true;
+      const wasFollowing = this._isFollowing();
+      this._userPanned = false;
+      this._userZoomed = false;
+
+      if (this._active && !this._event) {
+        // click while requesting
+        this.stop();
+      } else if (this._active) {
+        const behaviors = this.options.clickBehavior;
+        let behavior = behaviors.outOfView;
+        if (this._map.getBounds().contains(this._event.latlng)) {
+          behavior = wasFollowing ? behaviors.inView : behaviors.inViewNotFollowing;
+        }
+
+        // Allow inheriting from another behavior
+        if (behaviors[behavior]) {
+          behavior = behaviors[behavior];
+        }
+
+        switch (behavior) {
+          case "setView":
+            this.setView();
+            break;
+          case "stop":
+            this.stop();
+            if (this.options.returnToPrevBounds) {
+              const f = this.options.flyTo ? this._map.flyToBounds : this._map.fitBounds;
+              f.bind(this._map)(this._prevBounds);
+            }
+            break;
+        }
+      } else {
+        if (this.options.returnToPrevBounds) {
+          this._prevBounds = this._map.getBounds();
+        }
+        this.start();
+      }
+
+      this._updateContainerStyle();
+    },
+
+    /**
+     * Starts the plugin:
+     * - activates the engine
+     * - draws the marker (if coordinates available)
+     */
+    start() {
+      this._activate();
+
+      if (this._event) {
+        this._drawMarker(this._map);
+
+        // if we already have a location but the user clicked on the control
+        if (this.options.setView) {
+          this.setView();
+        }
+      }
+      this._updateContainerStyle();
+    },
+
+    /**
+     * Stops the plugin:
+     * - deactivates the engine
+     * - reinitializes the button
+     * - removes the marker
+     */
+    stop() {
+      this._deactivate();
+
+      this._cleanClasses();
+      this._resetVariables();
+
+      this._removeMarker();
+    },
+
+    /**
+     * Keep the control active but stop following the location
+     */
+    stopFollowing() {
+      this._userPanned = true;
+      this._updateContainerStyle();
+      this._drawMarker();
+    },
+
+    /**
+     * This method launches the location engine.
+     * It is called before the marker is updated,
+     * event if it does not mean that the event will be ready.
+     *
+     * Override it if you want to add more functionalities.
+     * It should set the this._active to true and do nothing if
+     * this._active is true.
+     */
+    _activate() {
+      if (this._active || !this._map) {
+        return;
+      }
+
+      this._map.locate(this.options.locateOptions);
+      this._map.fire("locateactivate", this);
+      this._active = true;
+
+      // bind event listeners
+      this._map.on("locationfound", this._onLocationFound, this);
+      this._map.on("locationerror", this._onLocationError, this);
+      this._map.on("dragstart", this._onDrag, this);
+      this._map.on("zoomstart", this._onZoom, this);
+      this._map.on("zoomend", this._onZoomEnd, this);
+      if (this.options.showCompass) {
+        const oriAbs = "ondeviceorientationabsolute" in window;
+        if (oriAbs || "ondeviceorientation" in window) {
+          const _this = this;
+          const deviceorientation = function () {
+            leaflet.DomEvent.on(window, oriAbs ? "deviceorientationabsolute" : "deviceorientation", _this._onDeviceOrientation, _this);
+          };
+          if (DeviceOrientationEvent && typeof DeviceOrientationEvent.requestPermission === "function") {
+            DeviceOrientationEvent.requestPermission().then(function (permissionState) {
+              if (permissionState === "granted") {
+                deviceorientation();
+              }
+            });
+          } else {
+            deviceorientation();
+          }
+        }
+      }
+    },
+
+    /**
+     * Called to stop the location engine.
+     *
+     * Override it to shutdown any functionalities you added on start.
+     */
+    _deactivate() {
+      if (!this._active || !this._map) {
+        return;
+      }
+
+      this._map.stopLocate();
+      this._map.fire("locatedeactivate", this);
+      this._active = false;
+
+      if (!this.options.cacheLocation) {
+        this._event = undefined;
+      }
+
+      // unbind event listeners
+      this._map.off("locationfound", this._onLocationFound, this);
+      this._map.off("locationerror", this._onLocationError, this);
+      this._map.off("dragstart", this._onDrag, this);
+      this._map.off("zoomstart", this._onZoom, this);
+      this._map.off("zoomend", this._onZoomEnd, this);
+      if (this.options.showCompass) {
+        this._compassHeading = null;
+        if ("ondeviceorientationabsolute" in window) {
+          leaflet.DomEvent.off(window, "deviceorientationabsolute", this._onDeviceOrientation, this);
+        } else if ("ondeviceorientation" in window) {
+          leaflet.DomEvent.off(window, "deviceorientation", this._onDeviceOrientation, this);
+        }
+      }
+    },
+
+    /**
+     * Zoom (unless we should keep the zoom level) and an to the current view.
+     */
+    setView() {
+      this._drawMarker();
+      if (this._isOutsideMapBounds()) {
+        this._event = undefined; // clear the current location so we can get back into the bounds
+        this.options.onLocationOutsideMapBounds(this);
+      } else {
+        if (this._justClicked && this.options.initialZoomLevel !== false) {
+          let f = this.options.flyTo ? this._map.flyTo : this._map.setView;
+          f.bind(this._map)([this._event.latitude, this._event.longitude], this.options.initialZoomLevel);
+        } else if (this.options.keepCurrentZoomLevel) {
+          let f = this.options.flyTo ? this._map.flyTo : this._map.panTo;
+          f.bind(this._map)([this._event.latitude, this._event.longitude]);
+        } else {
+          let f = this.options.flyTo ? this._map.flyToBounds : this._map.fitBounds;
+          // Ignore zoom events while setting the viewport as these would stop following
+          this._ignoreEvent = true;
+          f.bind(this._map)(this.options.getLocationBounds(this._event), {
+            padding: this.options.circlePadding,
+            maxZoom: this.options.initialZoomLevel || this.options.locateOptions.maxZoom
+          });
+          leaflet.Util.requestAnimFrame(function () {
+            // Wait until after the next animFrame because the flyTo can be async
+            this._ignoreEvent = false;
+          }, this);
+        }
+      }
+    },
+
+    /**
+     *
+     */
+    _drawCompass() {
+      if (!this._event) {
+        return;
+      }
+
+      const latlng = this._event.latlng;
+
+      if (this.options.showCompass && latlng && this._compassHeading !== null) {
+        const cStyle = this._isFollowing() ? this.options.followCompassStyle : this.options.compassStyle;
+        if (!this._compass) {
+          this._compass = new this.options.compassClass(latlng, this._compassHeading, cStyle).addTo(this._layer);
+        } else {
+          this._compass.setLatLng(latlng);
+          this._compass.setHeading(this._compassHeading);
+          // If the compassClass can be updated with setStyle, update it.
+          if (this._compass.setStyle) {
+            this._compass.setStyle(cStyle);
+          }
+        }
+        //
+      }
+      if (this._compass && (!this.options.showCompass || this._compassHeading === null)) {
+        this._compass.removeFrom(this._layer);
+        this._compass = null;
+      }
+    },
+
+    /**
+     * Draw the marker and accuracy circle on the map.
+     *
+     * Uses the event retrieved from onLocationFound from the map.
+     */
+    _drawMarker() {
+      if (this._event.accuracy === undefined) {
+        this._event.accuracy = 0;
+      }
+
+      const radius = this._event.accuracy;
+      const latlng = this._event.latlng;
+
+      // circle with the radius of the location's accuracy
+      if (this.options.drawCircle) {
+        const style = this._isFollowing() ? this.options.followCircleStyle : this.options.circleStyle;
+
+        if (!this._circle) {
+          this._circle = leaflet.circle(latlng, radius, style).addTo(this._layer);
+        } else {
+          this._circle.setLatLng(latlng).setRadius(radius).setStyle(style);
+        }
+      }
+
+      let distance;
+      let unit;
+      if (this.options.metric) {
+        distance = radius.toFixed(0);
+        unit = this.options.strings.metersUnit;
+      } else {
+        distance = (radius * 3.2808399).toFixed(0);
+        unit = this.options.strings.feetUnit;
+      }
+
+      // small inner marker
+      if (this.options.drawMarker) {
+        const mStyle = this._isFollowing() ? this.options.followMarkerStyle : this.options.markerStyle;
+        if (!this._marker) {
+          this._marker = new this.options.markerClass(latlng, mStyle).addTo(this._layer);
+        } else {
+          this._marker.setLatLng(latlng);
+          // If the markerClass can be updated with setStyle, update it.
+          if (this._marker.setStyle) {
+            this._marker.setStyle(mStyle);
+          }
+        }
+      }
+
+      this._drawCompass();
+
+      const t = this.options.strings.popup;
+      function getPopupText() {
+        if (typeof t === "string") {
+          return leaflet.Util.template(t, { distance, unit });
+        } else if (typeof t === "function") {
+          return t({ distance, unit });
+        } else {
+          return t;
+        }
+      }
+      if (this.options.showPopup && t && this._marker) {
+        this._marker.bindPopup(getPopupText())._popup.setLatLng(latlng);
+      }
+      if (this.options.showPopup && t && this._compass) {
+        this._compass.bindPopup(getPopupText())._popup.setLatLng(latlng);
+      }
+    },
+
+    /**
+     * Remove the marker from map.
+     */
+    _removeMarker() {
+      this._layer.clearLayers();
+      this._marker = undefined;
+      this._circle = undefined;
+    },
+
+    /**
+     * Unload the plugin and all event listeners.
+     * Kind of the opposite of onAdd.
+     */
+    _unload() {
+      this.stop();
+      // May become undefined during HMR
+      if (this._map) {
+        this._map.off("unload", this._unload, this);
+      }
+    },
+
+    /**
+     * Sets the compass heading
+     */
+    _setCompassHeading(angle) {
+      if (!isNaN(parseFloat(angle)) && isFinite(angle)) {
+        angle = Math.round(angle);
+
+        this._compassHeading = angle;
+        leaflet.Util.requestAnimFrame(this._drawCompass, this);
+      } else {
+        this._compassHeading = null;
+      }
+    },
+
+    /**
+     * If the compass fails calibration just fail safely and remove the compass
+     */
+    _onCompassNeedsCalibration() {
+      this._setCompassHeading();
+    },
+
+    /**
+     * Process and normalise compass events
+     */
+    _onDeviceOrientation(e) {
+      if (!this._active) {
+        return;
+      }
+
+      if (e.webkitCompassHeading) {
+        // iOS
+        this._setCompassHeading(e.webkitCompassHeading);
+      } else if (e.absolute && e.alpha) {
+        // Android
+        this._setCompassHeading(360 - e.alpha);
+      }
+    },
+
+    /**
+     * Calls deactivate and dispatches an error.
+     */
+    _onLocationError(err) {
+      // ignore time out error if the location is watched
+      if (err.code == 3 && this.options.locateOptions.watch) {
+        return;
+      }
+
+      this.stop();
+      this.options.onLocationError(err, this);
+    },
+
+    /**
+     * Stores the received event and updates the marker.
+     */
+    _onLocationFound(e) {
+      // no need to do anything if the location has not changed
+      if (this._event && this._event.latlng.lat === e.latlng.lat && this._event.latlng.lng === e.latlng.lng && this._event.accuracy === e.accuracy) {
+        return;
+      }
+
+      if (!this._active) {
+        // we may have a stray event
+        return;
+      }
+
+      this._event = e;
+
+      this._drawMarker();
+      this._updateContainerStyle();
+
+      switch (this.options.setView) {
+        case "once":
+          if (this._justClicked) {
+            this.setView();
+          }
+          break;
+        case "untilPan":
+          if (!this._userPanned) {
+            this.setView();
+          }
+          break;
+        case "untilPanOrZoom":
+          if (!this._userPanned && !this._userZoomed) {
+            this.setView();
+          }
+          break;
+        case "always":
+          this.setView();
+          break;
+      }
+
+      this._justClicked = false;
+    },
+
+    /**
+     * When the user drags. Need a separate event so we can bind and unbind event listeners.
+     */
+    _onDrag() {
+      // only react to drags once we have a location
+      if (this._event && !this._ignoreEvent) {
+        this._userPanned = true;
+        this._updateContainerStyle();
+        this._drawMarker();
+      }
+    },
+
+    /**
+     * When the user zooms. Need a separate event so we can bind and unbind event listeners.
+     */
+    _onZoom() {
+      // only react to drags once we have a location
+      if (this._event && !this._ignoreEvent) {
+        this._userZoomed = true;
+        this._updateContainerStyle();
+        this._drawMarker();
+      }
+    },
+
+    /**
+     * After a zoom ends update the compass and handle sideways zooms
+     */
+    _onZoomEnd() {
+      if (this._event) {
+        this._drawCompass();
+      }
+
+      if (this._event && !this._ignoreEvent) {
+        // If we have zoomed in and out and ended up sideways treat it as a pan
+        if (this._marker && !this._map.getBounds().pad(-0.3).contains(this._marker.getLatLng())) {
+          this._userPanned = true;
+          this._updateContainerStyle();
+          this._drawMarker();
+        }
+      }
+    },
+
+    /**
+     * Compute whether the map is following the user location with pan and zoom.
+     */
+    _isFollowing() {
+      if (!this._active) {
+        return false;
+      }
+
+      if (this.options.setView === "always") {
+        return true;
+      } else if (this.options.setView === "untilPan") {
+        return !this._userPanned;
+      } else if (this.options.setView === "untilPanOrZoom") {
+        return !this._userPanned && !this._userZoomed;
+      }
+    },
+
+    /**
+     * Check if location is in map bounds
+     */
+    _isOutsideMapBounds() {
+      if (this._event === undefined) {
+        return false;
+      }
+      return this._map.options.maxBounds && !this._map.options.maxBounds.contains(this._event.latlng);
+    },
+
+    /**
+     * Toggles button class between following and active.
+     */
+    _updateContainerStyle() {
+      if (!this._container) {
+        return;
+      }
+
+      if (this._active && !this._event) {
+        // active but don't have a location yet
+        this._setClasses("requesting");
+      } else if (this._isFollowing()) {
+        this._setClasses("following");
+      } else if (this._active) {
+        this._setClasses("active");
+      } else {
+        this._cleanClasses();
+      }
+    },
+
+    /**
+     * Sets the CSS classes for the state.
+     */
+    _setClasses(state) {
+      if (state == "requesting") {
+        removeClasses(this._container, "active following");
+        addClasses(this._container, "requesting");
+
+        removeClasses(this._icon, this.options.icon);
+        addClasses(this._icon, this.options.iconLoading);
+      } else if (state == "active") {
+        removeClasses(this._container, "requesting following");
+        addClasses(this._container, "active");
+
+        removeClasses(this._icon, this.options.iconLoading);
+        addClasses(this._icon, this.options.icon);
+      } else if (state == "following") {
+        removeClasses(this._container, "requesting");
+        addClasses(this._container, "active following");
+
+        removeClasses(this._icon, this.options.iconLoading);
+        addClasses(this._icon, this.options.icon);
+      }
+    },
+
+    /**
+     * Removes all classes from button.
+     */
+    _cleanClasses() {
+      leaflet.DomUtil.removeClass(this._container, "requesting");
+      leaflet.DomUtil.removeClass(this._container, "active");
+      leaflet.DomUtil.removeClass(this._container, "following");
+
+      removeClasses(this._icon, this.options.iconLoading);
+      addClasses(this._icon, this.options.icon);
+    },
+
+    /**
+     * Reinitializes state variables.
+     */
+    _resetVariables() {
+      // whether locate is active or not
+      this._active = false;
+
+      // true if the control was clicked for the first time
+      // we need this so we can pan and zoom once we have the location
+      this._justClicked = false;
+
+      // true if the user has panned the map after clicking the control
+      this._userPanned = false;
+
+      // true if the user has zoomed the map after clicking the control
+      this._userZoomed = false;
+    }
+  });
+
+  function locate(options) {
+    return new LocateControl(options);
+  }
+
+  exports.CompassMarker = CompassMarker;
+  exports.LocateControl = LocateControl;
+  exports.LocationMarker = LocationMarker;
+  exports.locate = locate;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+
+            (function() {
+              if (typeof window !== 'undefined' && window.L) {
+                window.L.control = window.L.control || {};
+                window.L.control.locate = window.L.Control.Locate.locate;
+              }
+            })();
+