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);
});