vtour 文件夹说明

vtour 文件夹结构

以下是默认与比较基础文件结构与文件名，根据droplet的不同，文件可能更多或更少，同时文件名也并不一定和这些一样。

  1. vtour/
  2. | -- panos/             #存放全景切片图片的文件夹
  3. | -- skin/              #存放皮肤相关文件
  4. | -- plugins/           #用来存放插件
  5. | -- tour.swf           #krpano flash viewer
  6. | -- tour.js            #krpano HTML5 viewer
  7. | -- tour.xml           #生成全景的相关配置
  8. | -- tour.html          #用来浏览全景的页面，需要本地服务环境
  9. | -- tour_editor.html   #添加热点（hotspot）与初始化视角的设置

vtour 运作机制

Krpano 是通过viewer引擎来实现浏览静态图片时产生“三维”效果，而这一切则是通过tour.html这个入口文件。

过滤掉一些没用的代码，可以看到入口文件主代码如下：

  1. <div id="pano"></div>
  2. <script src="tour.js"></script>
  3. <script>
  4. embedpano({
  5.     swf: "tour.swf", //有则表示加载flash引擎，如果设置html5:only则不需要该值
  6.     xml: "tour.xml", //启动时的配置文件
  7.     target: "pano", //要渲染到的目标容器ID
  8.     html5: "only", //如果有需要用到flash，可设置为auto
  9.     //id: "krpanoSWFObject", //默认的krpano对象，每一个viewer对应唯一id，与JS交互时要用到
  10.     mobilescale: 1.0, //移动设备缩放，1表示不缩放，默认0.5
  11.     passQueryParameters: false //是否接受URL传参，例如：tour.html?html5=only&startscene=scene2
  12. });
  13. </script>