1 files changed, 171 insertions, 0 deletions
diff --git a/resources/libs/locate/L.Control.Locate.js b/resources/libs/locate/L.Control.Locate.js
new file mode 100755
index 0000000..b2ed522
--- /dev/null
+++ b/resources/libs/locate/L.Control.Locate.js
@@ -0,0 +1,171 @@
+L.Control.Locate = L.Control.extend({
+    options: {
+        position: 'topleft',
+        drawCircle: true,
+        follow: false,  // follow with zoom and pan the user's location
+        // range circle
+        circleStyle: {
+                color: '#136AEC',
+                fillColor: '#136AEC',
+                fillOpacity: 0.15,
+                weight: 2,
+                opacity: 0.5
+            },
+        // inner marker
+        markerStyle: {
+            color: '#136AEC',
+            fillColor: '#2A93EE',
+            fillOpacity: 0.7,
+            weight: 2,
+            opacity: 0.9,
+            radius: 4
+        },
+        debug: false
+    },
+
+    onAdd: function (map) {
+        var className = 'leaflet-control-locate',
+            classNames = className + " leaflet-control",
+            container = L.DomUtil.create('div', className);
+
+        var self = this;
+        var _map = map;
+        this._layer = new L.LayerGroup();
+        this._layer.addTo(_map);
+        this._event = undefined;
+        this._locateOptions = {
+            'setView': false,
+            'watch': true
+        };
+        this._locateOnNextLocationFound = true;
+        this._atLocation = false;
+        this._active = false;
+
+        var wrapper = L.DomUtil.create('div', className + "-wrap", container);
+        var link = L.DomUtil.create('a', className, wrapper);
+        link.href = '#';
+        link.title = 'Show me where I am';
+
+        var _log = function(data) {
+            if (self.options.debug) {
+                console.log(data);
+            }
+        };
+
+        L.DomEvent
+            .on(link, 'click', L.DomEvent.stopPropagation)
+            .on(link, 'click', L.DomEvent.preventDefault)
+            .on(link, 'click', function() {
+                _log('at location: ' + self._atLocation);
+                if (self._atLocation && self._active) {
+                    removeVisualization();
+                } else {
+                    self._active = true;
+                    self._locateOnNextLocationFound = true;
+                    if (!self._event) {
+                        map.locate(self._locateOptions);
+                    } else {
+                        visualizeLocation();
+                    }
+                }
+            })
+            .on(link, 'dblclick', L.DomEvent.stopPropagation);
+
+        var onLocationFound = function (e) {
+            _log('onLocationFound');
+
+            if (self._event &&
+                (self._event.latlng.lat != e.latlng.lat ||
+                 self._event.latlng.lon != e.latlng.lon)) {
+                _log('location has changed');
+                self._atLocation = false;
+            }
+
+            self._event = e;
+
+            if (!self._active) {
+                return;
+            }
+
+            if (self.options.follow) {
+                self._locateOnNextLocationFound = true;
+            }
+
+            visualizeLocation();
+        };
+
+        var visualizeLocation = function() {
+            _log('visualizeLocation,' + 'setView:' + self._locateOnNextLocationFound);
+
+            var radius = self._event.accuracy / 2;
+
+            if (self._locateOnNextLocationFound) {
+                self._map.fitBounds(self._event.bounds);
+                self._atLocation = true;
+                self._locateOnNextLocationFound = false;
+            }
+
+            self._layer.clearLayers();
+
+            // curcle with the radius of the location's accuracy
+            if (self.options.drawCircle) {
+                L.circle(self._event.latlng, radius, self.options.circleStyle)
+                    .addTo(self._layer);
+            }
+
+            // small inner marker
+            L.circleMarker(self._event.latlng, self.options.markerStyle)
+                .bindPopup("You are within " + radius.toFixed(0) + " meters from this point")
+                .addTo(self._layer);
+
+            if (!self._container)
+                return;
+            self._container.className = classNames + " active";
+        };
+
+        var removeVisualization = function() {
+            self._container.className = classNames;
+            self._active = false;
+
+            self._layer.clearLayers();
+        };
+
+        var onLocationError = function (err) {
+            _log('onLocationError');
+
+            // ignore timeout error if the location is watched
+            if (err.code==3 && this.options.locateOptions.watch) {
+                return;
+            }
+
+            map.stopLocate();
+            removeVisualization();
+            alert(err.message);
+        };
+
+        map.on('movestart', function() {
+            self._atLocation = false;
+        });
+
+        // event hooks
+        map.on('locationfound', onLocationFound, self);
+        map.on('locationerror', onLocationError, self);
+
+        if (this.options.autoLocate) {
+            map.locate(self._locateOptions);
+        }
+
+        return container;
+    }
+});
+
+L.Map.addInitHook(function () {
+    if (this.options.locateControl) {
+        this.locateControl = L.control.locate();
+        this.addControl(this.locateControl);
+    }
+});
+
+L.control.locate = function (options) {
+    return new L.Control.Locate(options);
+};