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.4,-121.0348], 9);

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