The Street View component

This component is not supported for Google Ads, Google AdMob, or AMPHTML ads.

The Street View component lets you add Google Street View imagery to your project. You can choose the location, panning, and rotation, and the user can interact with the view.

As of June 11, 2018, you need to enable billing for Google Cloud Platform and use a valid Google Maps Platform API key for all projects using the Map or Street View components. Learn more.

To add the Street View component to your project:

  1. Open the Components panel, then the Maps folder.
  2. Drag the Street View component to the stage.
  3. In the Street View properties section of the Properties panel, configure the component by setting its properties (described below).


Property Description
Name The component name.
Google API Key (required) Your Google Maps Platform API key. See the Maps JavaScript API documentation.
Latitude The latitude for the Street View image location.
Longitude The longitude for the Street View image location.
Allow interaction When checked, lets the user interact with the Street View imagery.

Advanced properties

Click the expand icon  next to Advanced properties in the component properties pane to edit the following advanced properties:

Property Description
Heading The compass heading of the camera view. Values can range from 0 to 360, with both 0 and 360 indicating north, 90 indicating east, 180 indicating south, and 270 indicating west.
Pitch The up or down angle of the camera relative to the Street View vehicle. Positive values angle the camera up (with 90 degrees indicating straight up), while negative values angle the camera down (with -90 indicating straight down).
Zoom The amount of zoom for the street view image. The default value is 2.


Components can't be previewed inside the Google Web Designer interface. To see the component in action, preview your ad in your preferred browser.

Was this article helpful?
How can we improve it?