}
// attach your plugin to the global 'L' variable
- if(typeof window !== 'undefined' && window.L){
+ if (typeof window !== 'undefined' && window.L){
window.L.Control.Locate = factory(L);
}
} (function (L) {
+ var LDomUtilApplyClassesMethod = function(method, element, classNames) {
+ classNames = classNames.split(' ');
+ classNames.forEach(function(className) {
+ L.DomUtil[method].call(this, element, className);
+ });
+ };
+
+ var addClasses = function(el, names) { LDomUtilApplyClassesMethod('addClass', el, names); };
+ var removeClasses = function(el, names) { LDomUtilApplyClassesMethod('removeClass', el, names); };
+
var LocateControl = L.Control.extend({
options: {
/** Position of the control */
* 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. */
weight: 2,
opacity: 0.5
},
- /** Inner marker style properties. */
+ /** Inner marker style properties. Only works if your marker class supports `setStyle`. */
markerStyle: {
color: '#136AEC',
fillColor: '#2A93EE',
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: function (container, options) {
+ var link = L.DomUtil.create('a', 'leaflet-bar-part leaflet-bar-part-single', container);
+ link.title = options.strings.title;
+ var icon = L.DomUtil.create(options.iconElementTag, options.icon, link);
+ return { link: link, icon: icon };
+ },
/** This event is called in case of any location error that is not a time out error. */
onLocationError: function(err, control) {
alert(err.message);
this._layer = this.options.layer || new L.LayerGroup();
this._layer.addTo(map);
this._event = undefined;
+ this._prevBounds = null;
- this._link = L.DomUtil.create('a', 'leaflet-bar-part leaflet-bar-part-single', container);
- this._link.href = '#';
- this._link.title = this.options.strings.title;
- this._icon = L.DomUtil.create(this.options.iconElementTag, this.options.icon, this._link);
+ var linkAndIcon = this.options.createButtonCallback(container, this.options);
+ this._link = linkAndIcon.link;
+ this._icon = linkAndIcon.icon;
L.DomEvent
.on(this._link, 'click', L.DomEvent.stopPropagation)
_onClick: function() {
this._justClicked = true;
this._userPanned = false;
- this._prevBounds = null;
if (this._active && !this._event) {
// click while requesting
this._map.stopLocate();
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);
setView: function() {
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.options.keepCurrentZoomLevel) {
// small inner marker
if (this.options.drawMarker) {
var 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).setStyle(mStyle);
+ this._marker.setLatLng(latlng);
+ // If the markerClass can be updated with setStyle, update it.
+ if (this._marker.setStyle) {
+ this._marker.setStyle(mStyle);
+ }
}
}
*/
_setClasses: function(state) {
if (state == 'requesting') {
- L.DomUtil.removeClasses(this._container, "active following");
- L.DomUtil.addClasses(this._container, "requesting");
+ removeClasses(this._container, "active following");
+ addClasses(this._container, "requesting");
- L.DomUtil.removeClasses(this._icon, this.options.icon);
- L.DomUtil.addClasses(this._icon, this.options.iconLoading);
+ removeClasses(this._icon, this.options.icon);
+ addClasses(this._icon, this.options.iconLoading);
} else if (state == 'active') {
- L.DomUtil.removeClasses(this._container, "requesting following");
- L.DomUtil.addClasses(this._container, "active");
+ removeClasses(this._container, "requesting following");
+ addClasses(this._container, "active");
- L.DomUtil.removeClasses(this._icon, this.options.iconLoading);
- L.DomUtil.addClasses(this._icon, this.options.icon);
+ removeClasses(this._icon, this.options.iconLoading);
+ addClasses(this._icon, this.options.icon);
} else if (state == 'following') {
- L.DomUtil.removeClasses(this._container, "requesting");
- L.DomUtil.addClasses(this._container, "active following");
+ removeClasses(this._container, "requesting");
+ addClasses(this._container, "active following");
- L.DomUtil.removeClasses(this._icon, this.options.iconLoading);
- L.DomUtil.addClasses(this._icon, this.options.icon);
+ removeClasses(this._icon, this.options.iconLoading);
+ addClasses(this._icon, this.options.icon);
}
},
L.DomUtil.removeClass(this._container, "active");
L.DomUtil.removeClass(this._container, "following");
- L.DomUtil.removeClasses(this._icon, this.options.iconLoading);
- L.DomUtil.addClasses(this._icon, this.options.icon);
+ removeClasses(this._icon, this.options.iconLoading);
+ addClasses(this._icon, this.options.icon);
},
/**
return new L.Control.Locate(options);
};
- (function(){
- // leaflet.js raises bug when trying to addClass / removeClass multiple classes at once
- // Let's create a wrapper on it which fixes it.
- var LDomUtilApplyClassesMethod = function(method, element, classNames) {
- classNames = classNames.split(' ');
- classNames.forEach(function(className) {
- L.DomUtil[method].call(this, element, className);
- });
- };
-
- L.DomUtil.addClasses = function(el, names) { LDomUtilApplyClassesMethod('addClass', el, names); };
- L.DomUtil.removeClasses = function(el, names) { LDomUtilApplyClassesMethod('removeClass', el, names); };
- })();
-
return LocateControl;
}, window));
projects / rails.git / blobdiff