I have researched all day before posting this question, and have have had no luck. Hence I am now asking for some help!

I can not get any of my Google Calendar events to show on my site using FullCalendar. Not only are my events not showing, I can not even get the U.S. Holidays calendar to display like they do in the demo on FullCalendar. 

I am hoping I am missing something very small, and someone will be able to catch it quickly. The calendar itself shows up correctly, but no events show.

```
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <title>tegIdeas - Course Schedule</title>
  <meta name="description" content="">
  <link rel="icon" type="image/x-icon" href="favicon.ico"/>
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/font-awesome.min.css" rel="stylesheet">
  <link href="css/prettyPhoto.css" rel="stylesheet">
  <link href="css/animate.css" rel="stylesheet">
  <link href="css/fullcalendar.css" rel="stylesheet">
  <link href="css/main.css" rel="stylesheet">
  <link href="css/responsive.css" rel="stylesheet">
  <link href="css/shame.css" rel="stylesheet">
  <script src="js/jquery.min.js"></script> 
  <script src="js/bootstrap.min.js"></script> 
  <script src="js/jquery.isotope.min.js"></script> 
  <script src="js/moment.min.js"></script>
  <script src="js/main.js"></script>
  <script src="js/fullcalendar.min.js"></script>
  <script src="js/gcal.js"></script>
  <script type='text/javascript'>
    $(document).ready(function() {
        $('#calendar').fullCalendar({
            header: {
              left: 'prev,next today',
              center: 'title',
              right: 'month,agendaWeek,agendaDay'
              },
            eventSources: {
              googleCalendarApiKey: 'myApiKey',
              googleCalendarId: 'myCalendarId',
              className: 'fc-event-email'
              },
            selectable: true,
            selectHelper: true,
            editable: false,  
        });
    });
  </script>
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
  <![endif]-->
</head>

```