I thought I’d create a brief, no-talky screencast about how to embed your own Google Street View images into a WordPress site. You can embed these interactive images into any site that supports iframe; I just demonstrated using WP as I personally use this platform. If you have ever taken 360 photos with your phone or a 360 camera and uploaded to Google Maps, you’ll have a tracking list of these photos in the G Maps menu under “Your Contributions”.
If you haven’t taken these types of photos, you can also find existing ones by searching a location in G Maps and choosing a 360 photo within the knowledge card (indicated by a circular arrow – if it’s a still image, the icon would be a camera). Then you would click on the 3 dots beside the photographer’s information to open a menu, and choose “Share or embed image”. Then, Ctrl-C to copy the code and Ctrl-V to paste into a site of your choosing. To illustrate, I searched for Science Timmins in Google Maps:
Search for a location in Google MapsChoose a 360 photo, click on the 3-dot menu and select “Share or embed image”Ctrl-C to copy the embed code, and Ctrl-V to paste into desired site
Here is the result using a pano I had taken of the Timmins Wake Park in June 2017:
And here’s the silent screencast so you can try it yourself!
My name is Melissa Lavoie. I’m from South Porcupine, Ontario (yep). I started teaching in 2006, fresh out of University of Windsor’s teacher’s college, and was employed by the Northeastern Catholic DSB from 2007 - 2017. I've taught grades 3 through 7, special education, and for my last 2.5 years, I was an Education Technology Special Assignment Teacher. I'm an Airbnb Superhost, an Instructional Designer for Learning Bird, and worked as a GIS-Education Specialist partnered with Mushkegowuk Council. I graduated from UBC's Master of Educational Technology program in November 2019, am VP of Board of Directors for the Digital Human Library and Board Member for Science Timmins, founder of the Walk With Us Project (currently on hiatus) and currently learning front-end web development and how to use a CNC plasma cutting machine.
View all posts by Melissa Lavoie
