Google Maps API custom Street View quality issue

Question

I created a Google Photo Sphere and I want to embed this on my page:

• Using iframe, everything works ok:

  http://fotomilo.pl/test_iframe.aspx — quality is ok.

• Using JavaScript API, there are problems:

  http://fotomilo.pl/test_js.html — quality is poor.

Quality issue:

It look like tiles mismatch. Look at the image and panorama rendered with JavaScript.

Answer 1

I've been looking for solution quite long and I finally found..

...undocumented option of google.maps.StreetViewPanorama class named 'mode':

• 'html4': Street View tiles are rendered as HTML tags without warping.
• 'html5': Street View tiles are rendered using Canvas 2D.
• 'webgl': Street View tiles are rendered using WebGL (aka Canvas 3D).

For example:

...

var map = new google.maps.Map( canvasElement, mapOptions );
var panorama = map.getStreetView();

var options = { mode : 'html4' };

panorama.setOptions( options );

...

Try it.

(found at this tread)