BISON WMS

<!DOCTYPE html>
<html>
<head>
  <script src='https://api.tiles.mapbox.com/mapbox.js/v1.0.2/mapbox.js'></script>
  <link href='https://api.tiles.mapbox.com/mapbox.js/v1.0.2/mapbox.css' rel='stylesheet' />
  
  <style>
    body { margin:0; padding:0; }
    #map { position:absolute; top:0; bottom:0; width:100%; }
  </style>
</head>
<body>

</style>
<div id='map' class='dark'>
    <div id='map-ui'>
        <ul>
          <li><a href='#' class='active' id='bluejays'>Blue Jay</a></li>
          <li><a href='#' class='' id='geese'>Canada Goose</a></li>
        </ul>
  </div>
</div>
<script>
    var map = L.mapbox.map('map', 'landplanner.map-wev6g4fo')
        .setView([44.2668,-72.4699], 10);

var bluejays = L.tileLayer.wms("https://bisonapi.usgs.ornl.gov/api/wms?", {
        format: 'image/png',
        transparent: true,
        layers : 'species',
        transparent : "true",
        species : "blue jay",
        type : "common_name"
    }).addTo(map);
    
    var geese = L.tileLayer.wms("https://bisonapi.usgs.ornl.gov/api/wms?", {
        format: 'image/png',
        transparent: true,
        layers : 'county',
        transparent : "true",
        species : "Canada Goose",
        type : "common_name"
    }).addTo(map);

// Layer switcher

document.getElementById('bluejays').onclick = function () {
    var enable = this.className !== 'active';
    bluejays.setOpacity(enable ? 1 : 0);
    this.className = enable ? 'active' : '';
    return false;
};

document.getElementById('geese').onclick = function () {
    var enable = this.className !== 'active';
    geese.setOpacity(enable ? 1 : 0);
    this.className = enable ? 'active' : '';
    return false;
};

</script>
</body>
</html>

Modified http://api.tiles.mapbox.com/mapbox.js/v1.0.2/mapbox.js to a secure url

https://api.tiles.mapbox.com/mapbox.js/v1.0.2/mapbox.js