<!doctype html>
<html lang="en">
  <head>
    <title>Leaflet Provider Demo</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<!-- Leaflet style. REQUIRED! -->
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.css" />
	<!--[if lte IE 8]>
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.ie.css" />
	<![endif]-->
    <style>
      .map {
        width: 100%;
        height: 550px;
      }
    </style>
    <script src="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet-src.js"></script>
    <script src="leaflet-providers-0.0.2.js"></script>
  </head>
  <body>
    <h1>Leaflet Provider Demo</h1>
    <div id="map" class="map"></div>
    <script>
	var map = new L.Map('map', {
		center: new L.LatLng(48, -3),
		zoom: 5,
		attributionControl: true
	});
	var defaultLayer = L.TileLayer.provider('OpenStreetMap.Mapnik');
	map.addLayer(defaultLayer);

    var overlayLayers = {
		"OpenWeatherMap Clouds": L.TileLayer.provider('OpenWeatherMap.Clouds', {opacity: 0.5}),
		"OpenWeatherMap CloudsClassic": L.TileLayer.provider('OpenWeatherMap.CloudsClassic', {opacity: 0.5}),
		"OpenWeatherMap Precipitation": L.TileLayer.provider('OpenWeatherMap.Precipitation', {opacity: 0.5}),
		"OpenWeatherMap PrecipitationClassic": L.TileLayer.provider('OpenWeatherMap.PrecipitationClassic', {opacity: 0.5}),
		"OpenWeatherMap Rain": L.TileLayer.provider('OpenWeatherMap.Rain', {opacity: 0.5}),
		"OpenWeatherMap RainClassic": L.TileLayer.provider('OpenWeatherMap.RainClassic', {opacity: 0.5}),
		"OpenWeatherMap Pressure": L.TileLayer.provider('OpenWeatherMap.Pressure', {opacity: 0.5}),
		"OpenWeatherMap PressureContour": L.TileLayer.provider('OpenWeatherMap.PressureContour', {opacity: 0.5}),
		"OpenWeatherMap Wind": L.TileLayer.provider('OpenWeatherMap.Wind', {opacity: 0.5}),
		"OpenWeatherMap Temperature": L.TileLayer.provider('OpenWeatherMap.Temperature', {opacity: 0.5}),
		"OpenWeatherMap Snow": L.TileLayer.provider('OpenWeatherMap.Snow', {opacity: 0.5})
    };
	map.addControl(new L.Control.Layers('', overlayLayers, {collapsed: false}));
    </script>

  </body>
</html>

Add demo page for overlays (openweathermap)
Add demo page for overlays (openweathermap)
