[JavaScript知识库]kropan 在vue项目中的使用

记录

使用krpano开发日常问题记录：
例如：

1. vue往xml传递信息 xml展示

vue与xml之间的交互

vue页面塞值：initvars

embedpano({
            swf: "./static/krpano/tour.swf",
            xml: "./static/krpano/tour.xml",
            target: "pano",
            html5: "auto",
            mobilescale: 1.0,
            initvars:{mypath: this.hpurl, previewurl: this.previewurl},//这里就是需要给xml传递的值
            passQueryParameters: true,
            onready: krpano_onready_callback
          });

xml 接收：

1. 我这里是航拍图的 默认图跟其他一些图片?url="%$previewurl%"?url="%$mypath%"?这两个就是我前端跟xml交互的代码如下

<!-- start 加载场景 scene的部分，注意在onstart中写updateradar(-1.92);括号的数字是heading数值 -->
	<scene name="scene_a" title="a-one" onstart="updateradar(-1.92);" thumburl="" lat="" lng="" heading="">
		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="100.000" maxpixelzoom="1.0" fovmin="100" fovmax="120" limitview="auto" />
		<preview name="view_0_2" url="%$previewurl%" />
<image>
			<cube type="hpt" url="%$mypath%" />
		</image>
	</scene>

说明

提示：当前时要做航拍图 找了好久没找到合适的找到这个krpano部分还是收费的 通过前端设置xml展示的信息一直没找到写下来记录下。

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖