Print

Please login or register.
1 Hour 1 Day 1 Week 1 Month Forever
Login with username, password and session length

[Dakusan]

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

The following are the steps to take a screenshot without overlays inside Google Maps Street View or Google Maps.

1. Collapse the left side window if visible with the arrow
2. Press F11 to go full screen
3. 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.
4. Run the following command in the dev console:
   

   
   document.querySelectorAll('*').forEach(el => el.style.display='none');
   for(let c=document.getElementsByTagName('canvas')[0];c.parentNode;c=c.parentNode) c.style.display='';

   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.
   
   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');

5. Close the dev console (or Alt+tab back to the chrome window if undocked)
6. Move the mouse to the sky (or a portion that won't trigger possible popups)
7. Wait for a few seconds for icons to disappear
8. Take screenshot