The embed tool is very easy to use and the code can be generated in five simple steps.
- Open the embed tool by browsing to the URL http://suddenlink.net/popenoe/tools/embedding-tool.htm
- Move and zoom the map to the location where your photosphere has been placed
- Drag the "Pegman" onto the blue dot to generate the code
- Move your photosphere to the view you want as the initial view
- Copy the code
The following is the code from the example above.
<iframe frameborder="0" width="640" height="360" style="border: 0" src="https://maps.google.com/maps?layer=c&panoid=F:-MAaQvLIigqk/VkasJQCjuVI/AAAAAAAAEbc/JR1fXHGIYek&ie=UTF8&source=embed
In my case as I'm embedding the code into a responsive page I want the embedded image to fill the page so I'll change the width to "100%" and the height to "480" to fit smartphones.