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
	
}

2. 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>