google-maps-zen-hide-elements.js

// For clean UI to screenshot capture, hide UIs of Google Maps

if (!window.__derek_elsCSSDisplayValues) {
  window.__derek_elsCSSDisplayValues = {}; // query -> displayValue
}

const queries = [
  '#featureListPanel', // left panel
  '#mapsprosearch-field', // search bar
  // buttons
  '#search-bar',
  '#drawingToolbar',
  '#directionsToolbar',
  '#measureToolbar',
  '#zoomToolbar',
  '#map-area-container [role="button"]',
  // top right UI
  '#gb',
];

// hide elements
const isHidden =
  document.querySelector('#featureListPanel').style.display === 'none';

queries.forEach(function (query) {
  if (isHidden) {
    const els = document.querySelectorAll(query);
    els.forEach(function (el) {
      el.style.display = window.__derek_elsCSSDisplayValues[query];
    });
  } else {
    const els = document.querySelectorAll(query);
    window.__derek_elsCSSDisplayValues[query] = els[0].style.display;
    els.forEach(function (el) {
      el.style.display = 'none';
    });
  }
});