<commit_before>Leaflet-WMS-Time-Slider
=============

The [Leaflet](http://leafletjs.com/) WMS Time Slider enables you to dynamically update a WMS layer based on a dimension such as time. This tool uses the [JQuery UI slider
](http://jqueryui.com/slider/). For WMS layers where a range of time is more desirable than a single time step, two sliders appear to allow for a tailored time range to be created.

View the example on [GitHub Pages](http://bobtorgerson.github.io/Leaflet-WMS-Time-Slider/)

Usage
-----
Add:
* ``SliderControl.js``
* ``SliderControl.css``
* [JQuery](http://code.jquery.com/jquery-1.9.1.min.js)
* [JQueryUI - CSS](http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css)
* [JQueryUI - JS](http://code.jquery.com/ui/1.9.2/jquery-ui.js)

to your normal Leaflet map.


To enable the Slider on your map, you must pass in a WMS layer to the SliderControl object.
The Slider appears after the method startSlider() is called on the SliderControl object.

The Slider is initialized with the following options:

* **position:** A location on the map panel for the slider bar to be drawn.

* **layer:** The layer to be affected by the time slider.

* **startTime:** The start time of the slider in time format ISO8601

* **endTime:** The end time of the slider in time format ISO8601.

* **timeStep:** The amount of time to jump forward for each movement of the slider bar in milliseconds.

* **range:** Boolean for determining if a range of time is desired rather than a single time value.

```javascript
// Create a WMS layer with a known time dimension available 
var hurricane = L.tileLayer.wms('http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r-t.cgi', {
	layers: 'nexrad-n0r-wmst',
	transparent: true,
	format: 'image/png',
	time: '2005-08-29T00:00:00' <commit_msg>uses seconds instead of milliseconds<commit_after>Leaflet-WMS-Time-Slider
=============

The [Leaflet](http://leafletjs.com/) WMS Time Slider enables you to dynamically update a WMS layer based on a dimension such as time. This tool uses the [JQuery UI slider
](http://jqueryui.com/slider/). For WMS layers where a range of time is more desirable than a single time step, two sliders appear to allow for a tailored time range to be created.

View the example on [GitHub Pages](http://bobtorgerson.github.io/Leaflet-WMS-Time-Slider/)

Usage
-----
Add:
* ``SliderControl.js``
* ``SliderControl.css``
* [JQuery](http://code.jquery.com/jquery-1.9.1.min.js)
* [JQueryUI - CSS](http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css)
* [JQueryUI - JS](http://code.jquery.com/ui/1.9.2/jquery-ui.js)

to your normal Leaflet map.


To enable the Slider on your map, you must pass in a WMS layer to the SliderControl object.
The Slider appears after the method startSlider() is called on the SliderControl object.

The Slider is initialized with the following options:

* **position:** A location on the map panel for the slider bar to be drawn.

* **layer:** The layer to be affected by the time slider.

* **startTime:** The start time of the slider in time format ISO8601

* **endTime:** The end time of the slider in time format ISO8601.

* **timeStep:** The amount of time to jump forward for each movement of the slider bar in seconds.

* **range:** Boolean for determining if a range of time is desired rather than a single time value.

```javascript
// Create a WMS layer with a known time dimension available 
var hurricane = L.tileLayer.wms('http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r-t.cgi', {
	layers: 'nexrad-n0r-wmst',
	transparent: true,
	format: 'image/png',
	time: '2005-08-29T00:00:00' 
{'fraction_non_alphanumeric': 0.12326485285952249, 'fraction_numerical': 0.018323153803442533, 'mean_word_length': 4.081805359661495, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6009763', 'n_tokens_mistral': 1196, 'n_tokens_neox': 1135, 'n_words': 442}