Posted by: Dakusan
« on: May 12, 2025, 07:06:12 pm »Original post for Taking screenshots of Google Maps [Street View] can be found at https://www.castledragmire.com/Posts/Taking_screenshots_of_Google_Maps_[Street_View].
Originally posted on: 05/12/25
Originally posted on: 05/12/25
The following are the steps to take a screenshot without overlays inside Google Maps Street View or Google Maps.
- Collapse the left side window if visible with the arrow
- Press F11 to go full screen
- Open up the dev console [F12]
Optional: You may need to open the dev console in another window (undocked). Leaving it docked with the window could cause problems. - Run the following command in the dev console:
This should be pretty foolproof, but you may need to change the [0] to another number if the primary canvas element isn't the first canvas.
document.querySelectorAll('*').forEach(el => el.style.display='none');
for(let c=document.getElementsByTagName('canvas')[0];c.parentNode;c=c.parentNode) c.style.display='';
If that doesn't work, you can also try the following, which is a bit more specialized, but may not catch all the elements on the screen (including the Google logo).
document.querySelectorAll('[jsaction^="mouseover:"],[jsaction^="mouseout:"],button,[role="navigation"],.scene-footer-container,#omnibox-container,[aria-label="Sign in"],[aria-label="Google apps"]')
.forEach(el => el.style.display = 'none');
document.querySelectorAll('[aria-label="Interactive map"]').forEach(el => el.parentNode.style.display='none'); - Close the dev console (or Alt+tab back to the chrome window if undocked)
- Move the mouse to the sky (or a portion that won't trigger possible popups)
- Wait for a few seconds for icons to disappear
- Take screenshot
