A full screen leaflet.js map

An example of a leaflet map set to full screen using appropriate styles.

<!DOCTYPE html>
<html>

<head>
  <title>Full Screen Leaflet Map</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.7/leaflet.css" />
  <style>
    body {
      padding: 0;
      margin: 0;
    }

html,
    body,
    #map {
      height: 100%;
      width: 100%;
    }

.leaflet-container {
      background: white
    }
  </style>

</head>

var basemaps = {
      Satellite: L.tileLayer.wms('https://geo.fcc.gov/gwc/service/wms?', {
        layers: 'fcc:bpr_apr2017_county_layer_fixed'
      }),

'No Satellite': L.tileLayer.wms('https://geo.fcc.gov/gwc/service/wms?', {
        layers: 'fcc:bpr_county_layer_1'
      })
    };

// basemaps.Base.addTo(map);

L.control.layers(basemaps).addTo(map);

var layer = new BingLayer(
      'https://onemap.att.com/gla6/OneMap/OneMap.Web/Home/TileService?returnType=png&csLayerIds=Coverage_4GLTE_Data&quadKey={q}', {}
    );

layer.addTo(map);
  </script>
</body>

</html>

Updated missing url https://rawgithub.com/mylen/leaflet.TileLayer.WMTS/master/leaflet-tilelayer-wmts.js to https://rawgithub.com/mylen/leaflet.tilelayer.wmts/master/leaflet-tilelayer-wmts.js

Modified http://cdn.leafletjs.com/leaflet-0.7/leaflet.js to a secure url

https://rawgithub.com/mylen/leaflet.TileLayer.WMTS/master/leaflet-tilelayer-wmts.js

https://cdn.leafletjs.com/leaflet-0.7/leaflet.js