Step-by-Step: Embed Google Street View on Your Site

Unless you’ve been living in a cave, you probably already know about Google Street View technology.  You know – where you can actually click on the on screen map and navigate using real street level images just as if you were there yourself?  Unfortunately, the technology isn’t available for all of the U.S. yet, but many major cities are covered and it’s only a matter of time for the rest of us.

But here’s the cool thing for those with real estate sites or blogs – Google is now allowing Street View Panoramas to be embedded right in your site.  To get started, just follow these step-by-step instructions:

1.  Open Google Maps in your web browser.
2.  Click On the “Street View” button towards the top, right hand corner of the map displayed.
3.  Choose one of the cities represented with a camera icon and click the icon.
4.  Click the link in the pop up bubble to zoom in.
5.  Drag the little person icon to the location you’d like to view.
6.  Pan and zoom to get the street level image displayed just how you’d like it.
7.  Click “Link to this page” in the upper right hand corner of the screen, just above the map.
8.  Now, click “Customize and preview embedded map.
9.  Select your display size of choice.
10.  Simply copy and paste the code provided into your site or blog where you’d like the embedded image to appear.

It’s that easy!

I can already think of a practically endless list of uses for this technology in the world of real estate alone, but I’ll leave it up to your imagination on how you might use it yourself.  Be patient, if your city is not yet Street View enabled, just keep checking back often.  Google seems to be rolling out this technology pretty rapidly now that they’ve got the ball rolling.

Advertisements

Posted on September 26, 2008, in Web Dev and tagged . Bookmark the permalink. 4 Comments.

  1. Looks like Google have had a big rollout. A lot of the U.S is available in Street View now. Absolutely amazing technology.

  2. This is fantastic. I am going to make a new Lethbridge real estate website and see if I can embed the streetview and the google map so that people can look directly at listed houses and the neighborhoods from their own homes. Very cool

  3. Thanks for such a straight forward explanation!

  4. This doesn’t seem to work in IE7, if you are embedding it. You may want to put some alt content for them. 🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: