CARTO basemap and layer selectors

<!DOCTYPE html>
<html>
<head>
  <title>basemap/layer Selectors</title>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  <link rel="shortcut icon" href="https://cartodb.com/assets/favicon.ico"/>
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"/>
  <link rel="stylesheet" href="https://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css"/>

function main(){
    setBasemap('rastertiles/voyager_labels_under');
  };

//sets the basemap based on radio input selection
  function setBasemap(b2) {
    var bmapURL = 'https://{s}.basemaps.cartocdn.com/' + b2 + '/{z}/{x}/{y}.png';

if (basemapAdded){
      // when user makes new basemap selection redraw basemap layer
      bmapLyr._url = bmapURL;
      bmapLyr.redraw();
    } else {
      // add initial basemap layer
      bmapLyr = L.tileLayer(bmapURL, {attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="https://cartodb.com/attributions">CartoDB</a>'}
    ).addTo(map);
    basemapAdded = true;
    // add data layers
    renderMap();
  }
};

//creating all the layers needed
function renderMap() {
  //  var subLyrQuery;
  //  var subLyrStyle;
  //  var subQryArg = ["dummy_2016","dummy_2015","dummy_2014","dummy_2013"]
  //  function setSubQry (x){
  //    subLyrQuery = "SELECT a.cartodb_id, a.the_geom, a.the_geom_webmercator, b.color FROM base_file a INNER JOIN "+x+" b ON a.key = b.key";
  //    for (i=0;i<subQryArg.length;i++){
  //      setSubQry(subQryArg[i]);
  //      layers.createSubLayer(){
  //        sql: subLyrQuery,
  //        cartocss: subLyrStyle
  //      }
  //    }
  //  };
  var subLyrQuery0 = "SELECT a.cartodb_id, a.the_geom, a.the_geom_webmercator, b.color FROM base_file a INNER JOIN dummy_2016 b ON a.key = b.key";

var subLyrQuery1 = "SELECT a.cartodb_id, a.the_geom, a.the_geom_webmercator, b.color FROM base_file a INNER JOIN dummy_2015 b ON a.key = b.key";

var subLyrQuery2 = "SELECT a.cartodb_id, a.the_geom, a.the_geom_webmercator, b.color FROM base_file a INNER JOIN dummy_2014 b ON a.key = b.key";

var subLyrQuery3 = "SELECT a.cartodb_id, a.the_geom, a.the_geom_webmercator, b.color FROM base_file a INNER JOIN dummy_2013 b ON a.key = b.key";

cartodb.createLayer(map, {
    user_name: 'aroth-carto',
    type: 'cartodb',
    sublayers: [
      {
        sql: subLyrQuery0,
        cartocss: subLyrStyle
      },
      {
        sql: subLyrQuery1,
        cartocss: subLyrStyle
      },
      {
        sql: subLyrQuery2,
        cartocss: subLyrStyle
      },
      {
        sql: subLyrQuery3,
        cartocss: subLyrStyle
      }
    ]
  })
  .addTo(map)
  .done(function(layers) {

layers.getSubLayer(0).hide();
    layers.getSubLayer(1).hide();
    layers.getSubLayer(2).hide();
    layers.getSubLayer(3).hide();
    lyr2016p = layers.getSubLayer(0);
    lyr2015p = layers.getSubLayer(1);
    lyr2014p = layers.getSubLayer(2);
    lyr2013p = layers.getSubLayer(3);

}).on('error', function() {
    console.log("Yikes a mundo! There's an error");
  });
};

window.onload = main;
</script>
</body>
</html>

Modified http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js to a secure url

https://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js