Leaflet layers control

by dsummersl

HTML

<script src="https://api.mapbox.com/mapbox.js/v3.3.1/mapbox.js"></script>
<link rel="stylesheet" href="https://api.mapbox.com/mapbox.js/v3.3.1/mapbox.css">
<div id='map'></div>

CSS

body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }

JavaScript

L.mapbox.accessToken = 'pk.eyJ1IjoiMzhuYWxkN2QiLCJhIjoiY2tpcWY3ODM0MDk1djJybzh1NWxkcDN5byJ9.izBcWRFExX2lvBp-SurAjg';
var map = L.mapbox.map('map').setView([39.5,-120.8348], 10);

L.control.layers({
    'Can_Cov_19': L.mapbox.styleLayer('mapbox://styles/38nald7d/ckj08fhkh228h19l4tru69690').addTo(map),
    'CWHR_Type': L.mapbox.styleLayer('mapbox://styles/38nald7d/ckj08foiw1owe19p9w8wvxej1'),
     'Mapbox Streets': L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v11')
}).addTo(map);