博客

全景图目录说明

生成全景图后，在原图片的目录下生成vtour文件夹：



panos文件夹是放全景图切片的文件夹。panos文件夹有各种切片图、缩略图、预览图。

plugins放了若干个官方插件。

skin文件夹包含默认皮肤要include嵌入的vtourskin.xml，也可自定义自己的图片和文件放到该地方。

tour.swf文件就是krpano的flash viewer，flash的内核。

tour.js是krpano的html5 viewer以及嵌入的html脚本的集合文件。

tour.html双击以后，就能在网页上看到生成的全景图了。也就是浏览全景图的入口。

tour_editor.html可视化地添加热点以及决定每个场景起始位置的编辑器。

tour_testingserver.exe和tour_testingserver_macos 是分别对应window和mac打开全景图进行本地浏览的工具。

坐标抓取

• 将pano_pos.xml文件作为一个插件文件放到生成目录下。
• 在tour.xml 引入该文件：

<include url="pano_pos.xml"/>

• 在tour.xml中scene标签下加入events标签，加入onviewchange事件：

<events keep="true" name="showpos" onviewchange="show_pos()"/>

• 打开全景图即可看到坐标抓取插件：
  
  

热点生成

• 热点的生成还需要引入插件，百度掏了很久。将hot文件夹整个copy到vtour文件夹下，并在tour.xml下引入文件。
  
  

<include url="hot/hot.xml"/>

• 同样在scene标签下，加入hotspot标签。

<hotspot ath="0" atv="13" linkedscene="scene_FJ" name="热区一" onclick="js(openHtml('123');)" style="skin_hotspotstyle6" id="123" text="热区一"/>

说明：
ath：横坐标。
atv：纵坐标。
linkedscene：对应scene标签中的name属性。
name：热点名字，不显示。（尝试过，不能为数字）
text：用于在全景图中，热点名称的显示。
onclick：点击热点事件，可进行其他操作，之后另作讲解操作。
style：热点显示风格，对应hot.xml中的类型，可修改各种风格。
id：相当于起一个对应的key。

至此，热点生成完成。java中可以用DOM操作xml，进行修改文件操作。通过脚本操作相关命令等来进行操作。