I am trying to create a Vertical Resource View (1-day vertical resource view) with events from multiple Google Calendars.

To do this, the events from a single Google Calendar each represent a resource. All Google Calendars come from a single Google Account, so only one API key. I have currently integrated these as described in the documentation:

googleCalendarApiKey: 'api-key',

eventSources: [
  { // Room Alpha
    googleCalendarId: '[email protected]',
    backgroundColor: '#8ecae6'
  },
  { // Room Bravo
    googleCalendarId: '[email protected]',  
    backgroundColor: '#219ebc'
  },
  { // Room Charlie
    googleCalendarId: '[email protected]',  
    backgroundColor: '#023047'
  },
  { // Room Delta
    googleCalendarId: '[email protected]',  
    backgroundColor: '#ffb703'
  },
  { // Room Echo
    googleCalendarId: '[email protected]',  
    backgroundColor: '#fb8500'
  }
],

Unfortunately, I don’t understand how to provide the events from the Google calendars for the individual rooms. According to the documentation, it should look like this:

initialView: 'resourceTimeGridDay',
resources: [
  { id: 'a', title: 'Room Alpha' },
  { id: 'b', title: 'Room Bravo' },
  { id: 'c', title: 'Room Charlie' },
  { id: 'c', title: 'Room Delta' },
  { id: 'd', title: 'Room Echo' }
],

So I tried to replace id: with the googleCalendarId:, both the content and the element, but that didn’t work.

I couldn’t find anything else in the documentation. I have not found a useful approach in other ways either. I hope someone here can help me.

Thank you very much.