8

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

Quality issue:

Example

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

grg
  • 5,023
  • 3
  • 34
  • 50
Kyniek
  • 175
  • 6
  • 1
    "look at this image" There is no image :) – grg Feb 09 '14 at 19:25
  • http://fotomilo.pl/lib/res/_SV_pano.png - I meant this image, but I was able to post only 2 links, this is the third. – Kyniek Feb 09 '14 at 20:16
  • Well I belive it just cannot be perfect with js+css - different browsers implement js and css differently and there always will be small differences/imperfections in behaviour. Note that on firefox there is no tiling mismatch, but images are warped. – xjedam Feb 09 '14 at 20:58
  • I don't think so, I've tested panorama rendering with GSV API on IE, FF and Chrome. I susspect there is a different kind of API for, let's say, professionals - look at the TourDash : https://live.tourdash.com/embed/530071b5d3e44a02a2debd7a4065e7df , I'm pretty sure they are using js API, because they placed custom markers on their tour- unfortunetally, code is obfuscated. – Kyniek Feb 09 '14 at 21:05
  • You're right, hard to say whats wrong, they are using older api version, but that shouldnt be an issue... D: – xjedam Feb 09 '14 at 21:20
  • My IFRAME version is rendered with flash, but original photosphere uses HTML5 : https://www.google.com/maps/views/view/102317523714566000370/photo/8AhpovHXA2IAAAAGOvwr3w?gl=pl&heading=264&pitch=98&fovy=75 , but google code is also very messy :/ – Kyniek Feb 09 '14 at 21:33

1 Answers1

9

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)

czterolistny
  • 91
  • 1
  • 2