Link two maps controls in Google Maps JS API

I have two maps and I would like to link the pan/zoom/gesture controls of both maps so they behave identically as if they were one map. They are the same geographical area on both maps. See the picture. I thought pointer-events: none CSS might work but of course that’s for something else. So how’s what I’m trying to do done?

Here’s a JSFiddle with a working map
https://jsfiddle.net/45gc7j8a/

  albertaMap.addListener("center_changed", () => {
    // LINK MAP SOMEHOW?
    ???

    // Another behaviour I'd like
    window.setTimeout(() => {
        albertaMap.panTo(coordinates);
        map.panTo(coordinates);
    }, 5000);
  });

Map of Canada with Alberta highlighted