Embedding Gigapans

I've noticed a few sites are embedding gigapans. I haven't found anything on the Gigapan site that tells you how to do this - nor does there appear anything in the ToS that restricts it. Here's what worked for me (thanks to WiredVision):

1. Find the image you want to embed and look at the source.
2. Locate the part of the url in the script that starts:
   

   url=http://share.gigapan.org/gigapans0/

3. Pull out the number after the above prefix - that is the id for the image (YOURNUMBER)
4. Look for the piece of the url that starts with the parameter 'width' and ends with 'cbottom' - copy this span of text (YOURPARAMS).
5. Now create the following embedding code:
   

   <embed width="450" type="application/x-shockwave-flash" 
   src="http://gigapan.org/viewer/PanoramaViewer.swf?
   url=http://gigapan.org/gigapans0/YOURNUMBER/tiles/&amp;suffix=.jpg&amp;
   YOURPARAMS"></embed>

6. Be sure to link back to the original site, and give a credit to the creator of the image.

Bath Abbey, Bath, UK: Jay Hoinville

Comments

[hdviewer99]

Cool. Thanks for posting this. It looks like you can also read gigapan tiles into other tiled image viewers like HD View. To see this pano in HD View create the following imageset tag in the HDView xml manifest:

url="http://www.gigapan.org/getGeTile.php?id=1080&l={l}&r={r}&c={c}"
levels="7"
width="12544"
height="7936"
projection="perspective"
maxZoom="2"
subRect="0 0 12364 7746"

[the constant skeptic]

very cool and useful, I will be using this soon... thanks

[Nobody]

Terms of embedding are at http://www.gigapan.org/toe.php

[Eric Stollnitz]

Here at Microsoft Research, we've just made it much easier to preview your GigaPan images in our HD View plugin (on Windows) or our HD View SL application (using Silverlight on Windows or Mac):
http://research.microsoft.com/en-us/um/redmond/groups/ivm/HDView/Preview/Default.html

Just enter the URL of your GigaPan image in this format:
http://www.gigapan.org/exportGigapan.php?ids=YOURNUMBER&nonl=1

In the "embed" box, you'll find the iframe HTML to copy and paste into your blog.