Google Maps API - Embedding Panoramas

From NoskeWiki
Jump to: navigation, search

About

NOTE: This page is a daughter page of: Google Maps API


You can embed a pano id in your website, by finding the pano id (look at URL in google maps and extract the id which looks like QKZJDF5QWO0AAAAAAAABOw) and then use either:

iflrame

<iframe width="560" height="315" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?layer=c&amp;panoid=QKZJDF5QWO0AAAAAAAABOw&amp;ie=UTF8&amp;source=embed&amp;output=svembed&amp;cbp=13%2C53.26090895938182%2C%2C0%2C-4.575949921918365"></iframe>

Google Maps API

function initialize() {
  var myPanoid = "QKZJDF5QWO0AAAAAAAABOw";
  var panoramaOptions = {
    pano: myPanoid,
    pov: {
      heading: 45,
      pitch:-2
    },
    zoom: 1
  };
  var myPhotoSphere = new google.maps.StreetViewPanorama(
      document.getElementById('map-canvas'),
      panoramaOptions);
  myPano.setVisible(true);
}
google.maps.event.addDomListener(window, 'load', initialize);

... see also: Google Maps API - Street View Panorama Pano Id Viewer

Static Picture

<img src="//maps.googleapis.com/maps/api/streetview?size=600x400&amp;fov=90&amp;heading=350&amp;pitch=-2&amp;pano=QKZJDF5QWO0AAAAAAAABOw&amp;sensor=false">


See Also


Links