mirror of
https://github.com/Viglino/ol-ext.git
synced 2025-12-08 19:26:29 +00:00
57 lines
1.7 KiB
JavaScript
57 lines
1.7 KiB
JavaScript
/* Copyright (c) 2017 Jean-Marc VIGLINO,
|
|
released under the CeCILL-B license (French BSD license)
|
|
(http://www.cecill.info/licences/Licence_CeCILL-B_V1-en.txt).
|
|
*/
|
|
|
|
import ol from 'ol'
|
|
import ol_control_Control from 'ol/control/control'
|
|
|
|
/** A simple gauge control to display level information on the map.
|
|
*
|
|
* @constructor
|
|
* @extends {ol_control_Control}
|
|
* @param {Object=} options Control options.
|
|
* @param {String} options.className class of the control
|
|
* @param {String} options.title title of the control
|
|
* @param {number} options.max maximum value, default 100;
|
|
* @param {number} options.val the value, default 0
|
|
*/
|
|
var ol_control_Gauge = function(options)
|
|
{ options = options || {};
|
|
var element = $("<div>").addClass((options.className||"") + ' ol-gauge ol-unselectable ol-control');
|
|
this.title_ = $("<span>").appendTo(element);
|
|
this.gauge_ = $("<button>").attr('type','button').appendTo($("<div>").appendTo(element)).width(0);
|
|
|
|
ol_control_Control.call(this,
|
|
{ element: element.get(0),
|
|
target: options.target
|
|
});
|
|
|
|
this.setTitle(options.title);
|
|
this.val(options.val);
|
|
this.set("max", options.max||100);
|
|
};
|
|
ol.inherits(ol_control_Gauge, ol_control_Control);
|
|
|
|
/** Set the control title
|
|
* @param {string} title
|
|
*/
|
|
ol_control_Gauge.prototype.setTitle = function(title)
|
|
{ this.title_.html(title||"");
|
|
if (!title) this.title_.hide();
|
|
else this.title_.show();
|
|
};
|
|
|
|
/** Set/get the gauge value
|
|
* @param {number|undefined} v the value or undefined to get it
|
|
* @return {number} the value
|
|
*/
|
|
ol_control_Gauge.prototype.val = function(v)
|
|
{ if (v!==undefined)
|
|
{ this.val_ = v;
|
|
this.gauge_.css("width", (v/this.get('max')*100)+"%");
|
|
}
|
|
return this.val_;
|
|
};
|
|
|
|
export default ol_control_Gauge |