Skip to Main Content

How to Embed Google Street View into Your Website

  • Step 1: vist the website https://www.google.co.uk/maps 
    • Search for your desired location using the search box highlighted below. 
    • In the bottom right of the screen you will find a small orange/yellow figure, this is the street view button. 

 

embed street view step 1

  • Step 2: Select the street view figure, this works as a 'drag and drop' system, so you drag the figure to where you want to view (in this example i have used George Square), let go of the button and the street view figure will drop onto the map, opening street view at your desired location. 

 

embed street view step 2

  • Step 3: Select the 3 vertial dots (highlighted below) 

 

embed street view step 3

  • Step 4: Select the button 'Share or Embed Image' highlighted below.

 

embed street view step 4

  • Step 5: Now you are on the sharing tool, you have several default size options. We recommend making a custom size, to do so, select the 'Medium' button highlighted below (this indicates medium size). 

 

embed street view step 5

  • Step 6: Select 'Custom Size' in order to be able to create the street view tool to your desired size (in height and width, in pixels).

 

embed street view step 6

  • Step 7: Enter your custom size in the boxes shown below. 
    • You can see what the street view will look like by selecting 'Preview Actual Size'.
    • Copy the HTML Street View code by either highlighting it all and using the 'Copy & Paste' fucntion, or click 'Copy HTML'.

 

embed street view step 7

  • Step 8: Choose the page you want to put the Street View on via 'Pages'.
    • Select the HTML button '<>' (highlighted below), this will open up the content box where you will paste the Street View code.

 

embed street view step 8

  • Step 9: Paste the HTML Street View code into this box, click 'OK' to complete.
    • After selecting 'OK', you should now see the street view box on your page.
    • Go to the top of the page and select 'Save and Publish' to finish this step.

 

embed street view step 9

Below You Can See The Result Of This.