Have you ever witnessed someone experiencing Google’s 360º Street View of their neighborhood for the first time? I usually open with, “Where do you live,” input their address into Google Maps and voilà! They are teleported right in front of their house. Eyes bulge with a loosened jaw. Clicking and dragging the 360 degree view of the neighborhood “feels like magic”
The cameras at that time were 5 megapixels, which is barely what we have on our phones today. Now they’re 75 megapixels; try to wrap your brain around that one.Drew Olanoff – Inside Google Street View: From Larry Page’s Car To The Depths Of The Grand Canyon
Google Street View wasn’t always a magical experience. It officially launched in 2007. Three sixty degree cameras were fairly new.
[Click and drag your mouse below to look around. Use your mouse wheel up and down, zoom in or out.]
Local businesses now have the opportunity to enhance their website by embedding the captured Google Street View image of their location onto their “contact us” page. Potential patrons will have a more enhanced experience for free
Google wanted to teleport its users anywhere in the world through they eyes of a panoramic 360 degree photograph. Today, with over 5 million unique miles covered in metropolitan and rural areas across the globe, their goal is quite an achievement.
This quick and easy tutorial is all you need to embed the 360º Google Street View Image of your business embedded on your website. Updated November 2019
Step 1: Enter your business location in Google Maps
Select the street view image of your selected location. Select the three dots in the top right of the location box in the top left. Note: If you have location turned on, Google Maps will display your current location.
Step 2: Share or Embed Image
Selecting the three dots will open up a contextual menu. Move down to the last item, “Share or embed image”, this will open up the option menu to make your choice.
Step 3: Copy and Paste
Be sure to select the Embed a map tab, then copy the generated html code to paste into your website.
Step 3: Copy and Paste Google Street View Code Using WordPress
If you are using a content management system like WordPress, select “code” under the Formatting tab, then paste your code.
Responsive Hack! Change the width to 100%
That’s it. I wish there were more to it but it’s that simple. If you have any further questions, please leave them in the comments and be sure to share if you found this updated hot to embed Google 360º Street View Image useful.