# leaflet-weather-control
>


## Description
Displays weather related leaflet tilelayers with time dimension. Syncs with leaflet-player-control. Built with uikit.

![](image.png)

## Installation

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

### bower
`bower install https://git.smhi.se/stw/leaflet-weather-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 map = L.map('map').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(map);

		var language = 'en';

        var player = new L.Control.Player({
            "lang" : language,
            "langdata" : {
		        "tTitle" : "Player" 
    		}
        });
        
        
        var containerControl = new L.Control.Container({
            position: 'topright',
            player: player
        });
        map.addControl(containerControl);     
        
        var domain =  {
				"weather" : [ 
								"SMHI/NEMO/NS02/currentCombined",
								"SMHI/NEMO/NS02/windCombined",
								"SMHI/NEMO/NS02/windDirection",
								"SMHI/NEMO/NS02/iceCombined"  ]
			};
        
        var weatherLangData = {
				"tTitle" : "Weather",
				"currentCombinedTitle" : "Current arrows with speed",
				"currentSpeedTitle" : "Current speed",
				"windCombinedTitle" : "Wind flags with speed",
				"windDirectionTitle" : "Wind flags",
				"waveCombinedTitle" : "Wave",
				"iceCombinedTitle" : "SST and ice",
				"currentCombined" : "Current speed [knots]",
				"windCombined" : "Windspeed [m/s]",
				"iceCombinedice" : "Ice concentration [%]",
				"iceCombinedsst" : "Sea surface temperature [℃]",
				"waveCombined" : "Height [m]"
			};
        
        var stores = [];
        stores.push(new L.Control.SMHILayerStore());      
        
        var weatherControl = new L.Control.Weather(stores, player, {
			"domain" : domain,
			"lang" : language,
			"langdata" : weatherLangData,
			"proxy" : 'proxy'
		});

		containerControl.addComponent("Forecasts", weatherControl);




## Copyright and License

## Contact information

Tomas Pettersson tomas.pettersson@smhi.se


## Credits and acknowledgements


## Known bugs

## Troubleshooting

## Changelog