},
onAdd: function (map) {
- var className = 'leaflet-control-locate',
- classNames = className + ' leaflet-control-zoom leaflet-bar leaflet-control',
- container = L.DomUtil.create('div', classNames);
+ var className = 'control-locate',
+ container = L.DomUtil.create('div', className);
var self = this;
this._layer = new L.LayerGroup();
'watch': true // if you overwrite this, visualization cannot be updated
});
- var link = L.DomUtil.create('a', 'leaflet-bar-part leaflet-bar-part-single', container);
+ var link = L.DomUtil.create('a', 'control-button', container);
+ link.innerHTML = "<span class='icon geolocate'></span>";
link.href = '#';
link.title = this.options.title;
}
self._active = true;
if (!self._event) {
- self._container.className = classNames + " requesting";
+ L.DomUtil.addClass(self._container, "requesting");
} else {
visualizeLocation();
}
if (!self._container)
return;
- self._container.className = classNames + " active";
+
+ L.DomUtil.removeClass(self._container, "requesting");
+ L.DomUtil.addClass(self._container, "active");
};
var resetVariables = function() {
_log('stopLocate');
map.stopLocate();
- self._container.className = classNames;
+ L.DomUtil.removeClass(self._container, "requesting");
+ L.DomUtil.removeClass(self._container, "active");
+
resetVariables();
self._layer.clearLayers();