AfTerFibre problem

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<style>
    html, body {width:100%; height:100%; padding: 0; margin: 0;}
    #cartodb-map { width: 100%; height:100%; background: black;}
  </style>

<link rel="stylesheet" href="/css/afterfibre.css" />
</head>

<body>
  
  
  <h2 class="afterfibre">Map of African Terrestrial Fibre Networks</h2>
  <div id='cartodb-map'></div>

// Choose center and zoom level
      var options = {
        center: [0, 20], // Africa
        zoom: 4,
        legends: true
      };
      
      // Instantiate map on specified DOM element
      var map_object = new L.Map('cartodb-map', options);
      
      // Add basemap to the map object just created
      L.tileLayer('https://dnv9my2eseobd.cloudfront.net/v3/cartodb.map-4xtxp73f/{z}/{x}/{y}.png', {
        attribution: 'Undersea cable data courtesy <a href="https://cablemap.info">Greg Malknecht</a><br>Mapbox <a href="https://mapbox.com/about/maps" target="_blank">Terms &amp; Feedback</a>'
        }).addTo(map_object);

var aftOptions = {
        https: true, // Africa
        legends: true
      };

cartodb.createLayer(map_object, layerSource, aftOptions)
        .addTo(map_object)
        .on('done', function(layer) {
          // do stuff
          var aftLayer = layer.getSubLayer(0);
          aftLayer.setInteraction(true);
          aftLayer.setInteractivity('cartodb_id,phase_name');
          aftLayer.on('featureClick',function(event, latlng, pos, data, layerIndex) {
              console.log(data);
          });
          // show infowindows on click
          cdb.vis.Vis.addInfowindow(map_object, aftLayer, ['cartodb_id','phase_name'], { infowindowTemplate: $('#afterinfo').html() });
          // set up legend  
          var aftLegend = new cdb.geo.ui.Legend.Custom({
            title: "Fibre Status",
            data: [
              { name: "Live",               value: "#58A062" },
              { name: "Under Construction", value: "#F07971" }
            ]
          });
          $('#map_object').append(aftLegend.render().el);
        })
        .on('error', function(err) {
          // report error
          console.log("An error occurred: " + err);
        });
    }
    window.onload = main;
  </script>
</body>
</html>

https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/cartodb.js