Skip to content
  • Products
    • Pano2VR
    • Object2VR
    • Gnome Cloud
    • Package Viewer iOS/Android
    • Package Viewer Desktop
    • Package Plugins
  • Documentation
    • Pano2VR
    • Object2VR
    • FAQs
    • Webinars
  • Blog
  • Forum
  • A
  • B
  • Products
    • Pano2VR
    • Object2VR
    • Gnome Cloud
    • Package Viewer iOS/Android
    • Package Viewer Desktop
    • Package Plugins
  • Documentation
    • Pano2VR
    • Object2VR
    • FAQs
    • Webinars
  • Blog
  • Forum
  • A
  • B
Go to Index

Linking Panoramas

If you have more than one panorama, you can link to them via hotspots. This is generally called a panorama tour.

★ If you have a large amount of panoramas to connect, it might be worth upgrading to Pano2VR pro, where you can create a tour in a faster, more efficient way. These steps describe linking to a tour using the standard version of Pano2VR.

In Pano2VR light

1. Make an Output Template

First, make an output template that you can use for every node. In this template, the filenames and their locations are changed so that each node is outputted to the same output folder and not overwritten.

  1. Open Pano2VR (without an image).

  2. Add an HTML5 output.

  3. In the Advanced pane of the output settings, change the output filename from output/pano.xml to output/$n.xml.
    $n is a placeholder and will use the name of the input image.

  4. Also in the Advanced pane, replace $y with $n for the Filename in the Multiresolution section.
    $y is the placeholder for node ID, but because the outputs of the linked panoramas need to be in the same output folder, it’s necessary to make sure the folder here is unique for each image.
    Edit filenames

  5. Save that output as a new template.

Save new template

Once the projects have been outputted, their files should all be saved to the same output folder.
Files

2. Create the Starting Panorama

The starting panorama will set the output folder.

  1. Import the starting panorama (e.g. pano1) into Pano2VR.

  2. Save the project.

  3. Add the output template you just created. Click the Add Output button in the Output panel and choose Template. Select the template.

  4. Output the project.

3. Create the Next Panorama

  1. Create a new project with the next panorama (e.g. pano2).

  2. Save the project.

  3. Add the output template you created.

  4. Output the project.

4. Link the Panoramas

  1. Open the project for the starting panorama (pano1).

  2. Add point hotspot.

  3. For Type, choose, URL.

  4. Add the filename of the panorama to be linked to (pano2) to the URL field (pano2.xml).

  5. Set the Target View of the linked panorama:

    1. Open pano2 in Pano2VR.
    2. Drag the image to the desired opening view (target view).
    3. Note the pan, tilt and field of view values found in in the Viewing Parameters panel.
    4. In the project for pano1, select the hotspot and in the field called Target, enter the values: pan/tilt/fov (separated by forward slashes).

    So, now, when the hotspot is clicked, pano2 will open in the desired view. If you do not set the target view, then the image’s default view will be used.

  6. Output the project.

Repeat this process for each panorama.

★ Note: In WordPress, the start panorama’s XML file must be pano.xml. Otherwise, an error will occur saying the XML cannot be found.

In Pano2VR pro

Linking Nodes without GPS

Linking Nodes with GPS


See also

  • Building a Tour with Pano2VR pro

  • Adding Point Hotspots

  • Creating Tooltips

  • Original Tutorial on Forum

Pano2VR 6.1 Docs

Introduction
Pano2VR Tutorials
About Pano2VR
What’s new?
Getting Started
Getting Started with Pano2VR
Installation
Importing Images
Importing Videos
Importing Panotour Projects
Set the Default View
Add User Data
Level the Panorama
Setting Location
Pano2VR Basic Workflow
Pano2VR Pro Basic Workflow
Dragging and Dropping
Organization
Organizing in Pano2VR
Adding Tags
Filtering
Find Missing Files
The Interface
Introduction to the Interface
Viewer
Toolbar
Menu Bar
Panels
Properties
Viewing Parameters
User Data
Tour Browser
Tour Map
Output
Overview
List View
History
Viewer Settings
Google Street View
Animation Editor
Settings/Preferences
Patching
Patch Mode
Add a Patch
Patching the Nadir
Create a Mirrorball Patch
Blurring Patches
Add a Logo to a Tour
Embedding Video
Patch Properties
Hotspots
About Hotspots
Point Hotspots
Point Hotspot Mode
Add a Point Hotspot
Create Tooltips
Link to a Website
Linking Panoramas
Linking Panoramas
In Pano2VR light
1. Make an Output Template
2. Create the Starting Panorama
3. Create the Next Panorama
4. Link the Panoramas
In Pano2VR pro
Linking Nodes without GPS
Linking Nodes with GPS
See also
Add an Image Pop-up
Add an Information Pop-up
Add a Video Pop-up
Create a Custom Hotspot Image
Animated Hotspots
3D Distortion Hotspot Images
Point Hotspot Properties
Polygon Hotspots
Polygon Hotspot Mode
Add a Polygon Hotspot
Linking to Websites
Linking to Nodes
Connect Polygon Hotspots to the Skin
Polygon Hotspot Properties
Sounds
Sound Mode
Adding Sounds
About Audio Formats
Sound Properties
Pinned Images
Image Mode
Pinning Images
Image Properties
Pinned Videos
Video Mode
Pinning Videos
Video Properties
Lens Flares
Lens Flare Mode
Lens Flare Properties
Generate Alternative Files
Set Up
Generating Alternative Sound Files
Generating Alternative Video Files
360 Video
Working with 360º Video
Importing Videos
Build a 360º Video Tour
Building Tours
Building a Panoramic Tour
Edit the Master Node
Build a Tour with the Ricoh Theta
Adding Google Maps
Using Custom Map Tiles
Google Street View
Google Street View
Basic Workflow
Adding Levels
Animating in 360
Animating in 360
Clips, Sequences, Keyframes
Editing Keyframes
Animating a Single Panorama
Animating a Tour
Connecting to a Skin
Animation Properties
Skin Editor
About
Tree
Canvas
Properties
Toolbar
Menu Bar
Color Tool
Components Toolbox
Logic Blocks
Logic Block Triggers
Using Node Markers
Skin Sources
Skin Actions
Actions Examples
Skin Modifiers
Skins for Configurations
Using Placeholders
Using Action Filters
Mapping Keys to the Skin
Regular Expressions in the Skin
Skin Elements
Container
Rectangle
Text
Image
Button
SVG Image
External Image
Node Image
Scroll Area
Cloner
Timer
Hotspot Template
Node Marker
Map
Video
Seekbar
HMD and WebXR Outputs
WebXR
Cardboard
Project Examples and Tips
Create a Thumbnail
Create a Little Planet
Adding a Logo to the Context Menu
Adding Transitions
Converting Images
Create a Droplet
Creating a Desktop Application
Formatting Text with CSS
iBooks Author Widget
Direct Node Access
Posting in Social Networks
Before and After Tour
Working with Large Projects
Output Settings
HTML5 Output
Transformation Output
Animation Output
HTML Templates
HTML Templates Overview
normal.ggt
ggpkg.ggt
cardboard.ggt
ibooks.ggt
Garden Gnome Package
About the Garden Gnome Package
Using the Package Viewer for Desktop
Using the Package Viewer for iOS and Android
Using the Package Plugins
WordPress Plugin
Drupal Plugin
Joomla Plugin
Integrated Web Server
Integrated Web Server
Using the Web Server
Glossary
action
asset
container
component
cross
droplet
element
ffmpeg
field of view
flat image
ghost hotspot
hotspot
hotspot proxy ID
hotspot template
keyframe
loading bar
master node
node
node marker
pan
patch
placeholders
pointing
remap
skin
strip
SVG
SWF
tag
tee
toggle
Reference
Tutorials
Keyboard Shortcuts
HTML Template
List of Placeholders
Javascript API
Command Line
Setting up Google Maps API key
Input Formats
Creating a Support Package
Privacy Policy – Terms of Service – Contact / Imprint
Facebook-f Twitter Youtube