photosphere | Read about it in this blog post

I have a list of lists with strings.

So I scraped different titles from a Wikipedia page, for example: https://en.wikipedia.org/wiki/Sun

I scraped all the mw-headlines

Since StreetVew has no levels (floors), I am facing huge problems on multilevel tours because the navigation jumps from floor to floor (the panos are actually really close to each other but on different floors, and are not directly connected). I guess that by disabling one of the two navigation methods will do the trick, I just can't find it in the API. I am embedding photospheres through MAPS API with the following code:

i have created a photosphere and added an equirectangular shader inside the sphere and then i have added the image.the issue is ("dotted lines are shown on the image how to solve it?)you can see the dotted lines

there is distortion of the image

the source code of shader i used is

I'm trying to load custom photospheres inside of map pin descriptions using the google maps streetview api.

It loads correctly the first time, but when I attempt to open either the same map pin or another, (which sets the panoimg variable and recalls initPano()), I get a blank image. And in the console, a failed 400 error to the URL https://geo0.ggpht.com/cbk?cb_client=apiv3&panoid=custom&output=tile&x=0&y=0&zoom=0&nbt&fover=2

I've got an my code here on JSfiddle https://jsfiddle.net/falldeaf/9ej8x2xj/1/ (JSfiddle stripped down further to NOTHING except the problem described)

I"m trying to call this function each time a map pin is opened:

I am using photo sphere plugin . I want to use the script in multiple places.

I'm trying to display a photosphere in a div, with the src being based on a value from a select menu.

The select menu will offer different rooms the user can view, and the div will hold an iFrame which displays the photosphere.

Here's what I have so far - it's broken (I'll explain below):

I am building a 360 Virtual tour for Samsung GearVR using Unity 5.6. I want a high resolution image to be seen in the GearVR to get a good experience to the end user so i didn't compress the original photosphere image and also set the resolution to 8192 in import settings in unity.This gives a high resolution and clear picture in gearvr.

But the problem is that the image which i have clicked is just of 5.8 mb and after importing without compression it became 64 mb. This is adding up to my Application size. Since it is a virtual tour i will have to import many such pictures which is then eventually going to be a huge sized application which is not good.

I tried compressing it in unity import settings but that gives me a low resolution(blurry ) image in GearVR.

Is there any solution through which i can get a high resolution image as well as less app size?

i would appreciate some help in understanding why there are two different panoId patterns on Google StreetView.

I'm initializing photospheres with the following JavaScript code: