# leaflet-player-control
>


## Description
a L.TimeDimension.Player extension with uikit look and feel. Can be part of leaflet-container-control

![](image.png)

## Installation

You will need node.js, npm and bower for demo

### bower
`bower install https://git.smhi.se/stw/leaflet-player-control.git --save`

## Demo

Go to demo folder and install package.json

	> npm install

Start server in demo folder

	> node server.js
	Server started on http://localhost:8080...

Open browser on http://localhost:8080/demo


## Usage example


		var map2 = L.map('map2').setView([ 58.5, 19.0 ], 5);
		L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
			maxZoom : 18,
			attribution : '&copy; <a href="http://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors</a>'
		}).addTo(map2);

		var language = 'en';
		var langData = {
		        "tTitle" : "Player" 
		};
        var player2 = new L.Control.Player({
            "lang" : language,
            "langdata" : langData,
            "position": 'bottomleft',
            "display" : 'horizontal'                    
        });
        
        map2.addControl(player2);

        function getBoundaryPointToLayer() {
            return function (featureData, latlng) {
                return L.circle(latlng, 2, {
                    color: '#000',
                    clickable: false
                });
            };
        }
		reqwest({
			url: "output",
			method: 'get',
			type: 'json',
			success: function (outputjson) {
				var particleLayer = L.timeDimension.layer.geojsontime(JSON.parse(outputjson), {
					cache: 10,
					timeDimension: player2.getTimeDimension(),
					duration: 'PT14M',
					'pointToLayer': getBoundaryPointToLayer()
				});
				map2.addLayer(particleLayer);
				player2.refresh();
			}
		});


### Options


| Option       | Default    | Description |
| -------------|------------|-------------|
| `display`  | vertical   | horizontal or vertical layout |


## Copyright and License

## Contact information

Tomas Pettersson tomas.pettersson@smhi.se


## Credits and acknowledgements


## Known bugs

## Troubleshooting

## Changelog