关于krpano中的相关的隐藏循环的内容热点

56 阅读 0 评论 37 点赞

我是靠谱客的博主眯眯眼小鸽子，最近开发中收集的这篇文章主要介绍关于krpano中的相关的隐藏循环的内容热点，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本实例中进行通过js 进行调取了krpano 然后进行循环判断，基于krpano 的元素代码如下：

<action name="SetAction" >
	for(set(i,0),i LT hotspot.count,inc(i),

		if(hotspot[get(i)].liuyan == 'true' ,set(hotspot[get(i)].visible, false);

		);
		<!--  set(hotspot[get(i)].visible,false); -->
						
						  
				); 
</action>
 
<action name="GetAction" >
	for(set(i,0),i LT hotspot.count,inc(i),

						 set(hotspot[get(i)].visible,true); 

				);
			 
	 
</action>

     //一键隐藏
        function jsyijianyincan() {
            var krpano = document.getElementById("krpanoSWFObject");
            if (data.check_select_set) {
                data.check_select_set = false;
                krpano.call("SetAction();");
            } else if (data.check_select_set == false) {
                data.check_select_set = true;
                krpano.call("GetAction();");
            }
        }

 var data = {
            data_ajax_url: ["http://192.168.0.178:8068/IISBDWEb/VR720Service.ashx"],
            check_select_set: true,
            addhotindex: 0,
            HostNav: [],
            CheckLY: false,
            CheckPL: false,
            Check_WX_Type: "",
            data_ajax_url_wx_nei: ["http://192.168.0.178:8068/WXService/WXUserService.ashx"],
            data_ajax_url_wx_tth: ["http://www.tuotuohome.com/vr720/test/WXService2/WXUserService.ashx"],
            data_ajax_url_wx_Itt: ["http://www.itthome.com/VR720/WXGZServices/WXUserService.ashx"],
            data_wx_url: "",
            CheckBoolJSZC: false,
            CheckBoolLXZX: false
        };

上两个为js 代码通过点击按钮调取

jsyijianyincan（）；

 <scene name="scene_201802012151245194" title="201802012151245194" onstart="activatespot(90);loadscene_js()" thumburl="panos/201802012151245194.tiles/thumb.jpg" lat="" lng="" heading="" text="1">
    <view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
    <preview url="panos/201802012151245194.tiles/preview.jpg" />
    <image>
      <cube url="panos/201802012151245194.tiles/pano_%s.jpg" />
    </image>
    <hotspot name="spot0" title="201802012151245194" scale="0.5" width="100" height="100" url="../../../../source/img/sprite/fire_02.png" ath="0.930511605234" atv="-15.8087528553573" οnclick="openurl('http://www.baidu.com',_blank);" onhover="add_hstname()" onout="del_hstname()" text="热点一" RadarBoolean="true"/>

    <hotspot name="MoveSpotHost529" url="../../../../source/img/BNB/6.png" width="35" height="35" ath="-20.37183204270326" atv="-16.428830786302242" text="彩" onloaded="add_hstname()" liuyan="true" />
  </scene>

根据liuyan 这个属性进行判断

效果如图：