Google Street View
Google Street View is the core feature of the plugin. It renders a fully interactive 360° panoramic view from any location covered by Google Street View, including street-level views, indoor business tours, and custom photospheres.
How it works
When you select the Google Street View map type, the plugin uses the Google Maps JavaScript API StreetViewPanorama class to render an interactive panorama inside a container on your page. Visitors can click and drag to look around, zoom in and out, and navigate along streets by clicking directional arrows.
Controlling the view
The admin editor provides a live preview of the Street View panorama. As you interact with it (drag to rotate, scroll to zoom), the plugin captures three values:
- Heading — The horizontal angle of the camera (0° = North, 90° = East, 180° = South, 270° = West)
- Pitch — The vertical angle (-90° = ground, 0° = horizon, 90° = sky)
- Zoom — The field of view (0 = widest, higher = more zoomed in)
These values are saved when you publish or update the map entry. Your visitors will see the exact view you configured.
Street View for business interiors
Google Street View is not limited to streets. Many businesses have interior panoramic photography available through Google's "See Inside" program. If a business has been photographed by a Google Trusted Photographer, you can embed the interior view directly.
This is particularly powerful for restaurants, hotels, retail stores, and real estate listings where showing the interior builds immediate trust.
Configuration options
| Option | Description |
|---|---|
| Address | Enter an address or coordinates. Google Places Autocomplete helps. |
| Width | Container width (100%, 600px, etc.) |
| Height | Container height in pixels (default: 450) |
| Heading | Horizontal rotation (saved automatically from preview) |
| Pitch | Vertical tilt (saved automatically from preview) |
| Zoom | Field of view (saved automatically from preview) |
Responsive behavior
The Street View container is fully responsive. When you set the width to 100%, it stretches to fill its parent container. On mobile devices, touch gestures (pinch to zoom, swipe to rotate) work natively.
Use cases
- Real estate — Show the street and neighborhood around a property listing
- Tourism — Let visitors explore a destination before booking
- Restaurants — Display the interior ambiance to attract walk-ins
- Retail — Showcase your store layout and product displays
Next steps
- Add a standard Google Map for a different view
- Combine both with a synchronized view (Pro)
- Customize the marker with custom icons (Pro)