js 调用krpano 和 krpano 调用js

相关文档,自己好多天百度出来的,仅供参考
如果想知道这个krpano.js 哪来的,百度下载一个krpano生成工具,随便生成一个全景图,文件夹就有这些文件,注意,各个文件之间相互引用,比如说 xml文件开头引用了 这个文件

https://juejin.im/post/5d071e22f265da1b8a4f1d3e#heading-37
https://www.jianshu.com/p/60ffcfb151af
https://my.oschina.net/discussjava/blog/3026331
https://blog.csdn.net/sd7089852/article/details/83422983
https://krpano.com/docu/xml/#top
https://gitee.com/gouxiang_admin/nodeKrpano
https://github.com/search?q=%E5%85%A8%E6%99%AF%E5%9B%BE+Krpano
https://www.liangzl.com/get-article-detail-121112.html
https://krpano.com/examples/#top
  1. js 调用krpano
<script src="{% static 'vtour/viewer/krpano.js' %}"></script>  这里有的人引用tour.js,没试过

<script>   必须先初始化
    var krpano = null;
    embedpano({
        swf: "{% static 'vtour/tour.swf' %}",
        id: "krpanoSWFObject",
        xml: "{% static 'vtour/tour.xml' %}",
        target: "pano",
        consolelog: true,
        passQueryParameters: true,
        onready: krpano_onready_callback
    });

    function krpano_onready_callback(krpano_interface) {
        krpano = krpano_interface;
    }


function aa(){
写自己的,当然   按照文档来,不是单纯的js,用krpano. xxx
	{#krpano.call("loadpano({% static 'vtour/tour.xml' %}, null, MERGE, OPENBLEND(0.6, 0.0, 0.8, 0.9, easeOutQuad));");#}   加载xml
	krpano.call("loadscene('scene_" + name + "', OPENBLEND(0.9, 0.0, 0.8, 0.9, easeOutQuad)");  加载对应场景,scene_" + name 是我拼接名字,此名字就是xml中scene标签的name
	
}

  1. krpano 调用js

xml文件中的一个scene

<scene name="scene_1575076449" title="1575076449" onstart="" thumburl="https://...es/thumb.jpg" lat="36.70267" lng="117.10912" heading="0.0">

                        <view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
                        <preview url="http://...les/preview.jpg"   />
                        <image type="CUBE" prealign="0|0.0|0" multires="true" tilesize="512">
                            <level tiledimagewidth="2048" tiledimageheight="2048">
                                <cube url="https://...%v_%h.jpg" />
                            </level>
                            <level tiledimagewidth="1024" tiledimageheight="1024">
                                <cube url="https://...%s_%v_%h.jpg" />
                            </level>
                        </image>
                        <hotspot name="spot4" style="skin_hotspotstyle" ath="-90.00" atv="10.00" onhover="showtext(��һ��,STYLE12);" onclick="goto(1575076452)"/>    <!-- ��һ�� -->
                        <hotspot name="spot5" onhover="showtext(��һ��,STYLE12);" style="skin_hotspotstyle" ath="-270" atv="13.00" onclick="goto(1575076446)"/>  <!-- ��һ�� -->
                    </scene>

onclick就是 热点(hotspot ) 的点击事件,我这个goto是自己写一个action(位置在xml文件的上方)

<krpano version="1.19" title="Virtual Tour">

                        <include url="skin/vtourskin.xml" />
                        
                        <action name="goto">
                            skin_loadscene(scene_%1, OPENBLEND(0.6, 0.0, 0.8, 0.9, easeOutQuad));   %1就是goto传过来的参数,这个作用是加载name 为 scene_参数的场景, 后面的OPENBLEND是加载完成之前的效果
                            js(retWebSocket(%1));   这里写自己的js,前提一定加上  js(。。。。)
                        </action>
                    
©️2020 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值