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's Street View imagery to your project.

As of June 11, 2018, you must 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, enter your Google Maps Platform API key in the Google API Key field.
  4. Enter the Latitude and Longitude properties. The component will load the panorama photographed closest to the location you specify. Learn how to find the coordinates of a place on Google Maps.

Properties

Property Description
Name The component name.
Google API Key (required) Your Google Maps Platform API key. The Google Cloud Platform project with this API key should have the Maps JavaScript API enabled. Can be bound to dynamic data.
Latitude The latitude for the Street View image location. Can be bound to dynamic data.
Longitude The longitude for the Street View image location. Can be bound to dynamic data.
Allow interaction When checked, allows user interaction such as panning and zooming.

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. Can be bound to dynamic data.
Pitch The upward or downward angle of the camera relative to the Street View vehicle. Positive values angle the camera upward (with 90 degrees indicating straight up), while negative values angle the camera downward (with -90 indicating straight down). Can be bound to dynamic data.
Zoom The amount of zoom for the Street View image. The default value is 2. Can be bound to dynamic data.

Preview

This component can't be previewed inside the Google Web Designer interface. To see the component in action, preview your document in your preferred browser by clicking the Preview button in the upper right corner.

Was this helpful?
How can we improve it?