Home Ask Login Register

Developers Planet

Your answer is one click away!

ifusion February 2016

How to get Google Street View / Virtual Tour to display as sphere in mobile web browsers?

Is it possible to get Google street view/google business view virtual tours to display as a sphere instead of a flat image ( or equirectangular I believe is the correct name) using the google maps api or embed? So far in my trials I have not been able to get it to display correctly. It just displays as a flat image (equirectangular) when on a mobile device.

The tour I have shown below is this one (just a random one I found): https://www.tourmake.it/nl/tour/e2f74fe593a99a3db61e921b417afbee

Ones that I have found that work on iOS/Andriod (Note these are complex google made ones so I am assuming they have done some custom coding to make it work?):
- https://insideabbeyroad.withgoogle.com/en/all-access/studio-1/1060#x=&y=&z=
- https://nightwalk.withgoogle.com/en/panorama/218

iOS - Safari (Just displays flat image)

enter image description here

Android - Google Chrome ( Works 100% how I want)

enter image description here

Another note regarding this demo above. It works fine on Andriod Google chrome but not iOS Google Chrome...

Any tips on how to get this looking good on both iOS and Android browsers?


ifusion February 2016

Looks like I had to add google.maps.streetViewViewer = 'photosphere'; before initializing the object. That uses the new beta streetview renderer.

Post Status

Asked in February 2016
Viewed 1,395 times
Voted 12
Answered 1 times


Leave an answer

Quote of the day: live life