Hello,
Im using pano2vrPlayer.js for my panorama tour. Is there a way to access hotspot's position (pan/tilt/fov) from pan object?
I see pan.hotspot seems to be returning an empty object. My goal is to zoom in to a certain location/hotspot in the panorama, when a button is clicked on a web page(outside of the panorama).
I couldn't find anything on the javascript API docs.
Here's my xml and js code;
<panorama id="">
<view fovmode="0" pannorth="0">
<start pan="0" fov="70" tilt="0"/>
<min pan="0" fov="5" tilt="-90"/>
<max pan="360" fov="120" tilt="90"/>
</view>
<userdata title="" datetime="" description="" copyright="" tags="" author="" source="" comment="" info="" longitude="" latitude=""/>
<hotspots width="180" height="20" wordwrap="1">
<label width="180" backgroundalpha="1" enabled="0" height="20" backgroundcolor="0xffffff" bordercolor="0x000000" border="1" textcolor="0x000000" background="1" borderalpha="1" borderradius="1" wordwrap="1" textalpha="1"/>
<polystyle mode="1" backgroundalpha="0.2509803921568627" backgroundcolor="0x0000ff" bordercolor="0x0000ff" borderalpha="1"/>
<hotspot title="Point 2" target="_parent" pan="-2.29446" skinid="" url="" id="point2" tilt="-15.0153"/>
<hotspot title="point 1" target="_blank" pan="35.6483" skinid="" url="" id="point1" tilt="-13.0164"/>
</hotspots>
<media/>
<input tile0url="images/my14_corolla_int_eco_pano_equi.preview_o_0.jpg" prev5url="images/my14_corolla_int_eco_pano_equi.preview_o_preview_5.jpg" prev4url="images/my14_corolla_int_eco_pano_equi.preview_o_preview_4.jpg" prev3url="images/my14_corolla_int_eco_pano_equi.preview_o_preview_3.jpg" prev2url="images/my14_corolla_int_eco_pano_equi.preview_o_preview_2.jpg" prev1url="images/my14_corolla_int_eco_pano_equi.preview_o_preview_1.jpg" prev0url="images/my14_corolla_int_eco_pano_equi.preview_o_preview_0.jpg" tile5url="images/my14_corolla_int_eco_pano_equi.preview_o_5.jpg" tilesize="256" tile4url="images/my14_corolla_int_eco_pano_equi.preview_o_4.jpg" tile3url="images/my14_corolla_int_eco_pano_equi.preview_o_3.jpg" tilescale="1.0390625" tile2url="images/my14_corolla_int_eco_pano_equi.preview_o_2.jpg" tile1url="images/my14_corolla_int_eco_pano_equi.preview_o_1.jpg"/>
<control simulatemass="1" lockedmouse="0" lockedkeyboard="0" dblclickfullscreen="0" invertwheel="0" lockedwheel="0" invertcontrol="1" speedwheel="1" sensitivity="8"/>
</panorama>
Js-
pano=new pano2vrPlayer("container");
pano.readConfigUrl("hotspot.xml");
pano.hotspot is returning this:
{h: 20
id: ""
obj: null
pan: 0
skinid: ""
target: ""
tilt: 0
title: ""
type: "empty"
url: ""
w: 100
...}
Am I doing something wrong?
Please help.
Thanks!
Nathasha
