chenzhiguang
/
GZABridge


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
							<!DOCTYPE html>
<html>
<head>
	<title>点我，带你上港珠澳大桥</title>
	<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0,
minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta http-equiv="x-ua-compatible" content="IE=edge"  />
	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png" class="keep">
	<style>
		@-ms-viewport { width:device-width; }
		@media only screen and (min-device-width:800px) { html { overflow:hidden;  }  }
		html { height:100%; }
		body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FF0000; background-color:#000000; }
	</style>
	
	<script type="text/javascript" src="plugins/jquery-2.1.1.min.js"></script>
	<script src="layer/layer.js"></script>
	<link rel="stylesheet" href="css/alert.css" />
	<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

</head>
<body>
<!-- <div class="button" onclick="track_mouse();" style=" position: fixed; z-index: 10; left: 0; top: 0; ">Track mouse position</div> <span id="mousepos" style="color: #000; padding-left:16px; font-family:monospace; position: fixed; z-index: 200; left: 200px; top: 50;"></span><br> -->
<script src="tour.js"></script>
<div id="pano" style="width:100%;height:100%;">

	<div class="l-wrapper" id="loadid">

	    <svg viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

	      <g id="circle" class="g-circles g-circles--v1">
	          <circle id="12" transform="translate(35, 16.698730) rotate(-30) translate(-35, -16.698730) " cx="35" cy="16.6987298" r="10"></circle>
	          <circle id="11" transform="translate(16.698730, 35) rotate(-60) translate(-16.698730, -35) " cx="16.6987298" cy="35" r="10"></circle>
	          <circle id="10" transform="translate(10, 60) rotate(-90) translate(-10, -60) " cx="10" cy="60" r="10"></circle>
	          
	          <circle id="8" transform="translate(35, 103.301270) rotate(-150) translate(-35, -103.301270) " cx="35" cy="103.30127" r="10"></circle>
	          <circle id="7" cx="60" cy="110" r="10"></circle>
	          <circle id="6" transform="translate(85, 103.301270) rotate(-30) translate(-85, -103.301270) " cx="85" cy="103.30127" r="10"></circle>
	          <circle id="5" transform="translate(103.301270, 85) rotate(-60) translate(-103.301270, -85) " cx="103.30127" cy="85" r="10"></circle>
	          <circle id="4" transform="translate(110, 60) rotate(-90) translate(-110, -60) " cx="110" cy="60" r="10"></circle>
	          <circle id="3" transform="translate(103.301270, 35) rotate(-120) translate(-103.301270, -35) " cx="103.30127" cy="35" r="10"></circle>
	          <circle id="2" transform="translate(85, 16.698730) rotate(-150) translate(-85, -16.698730) " cx="85" cy="16.6987298" r="10"></circle>
	          <circle id="1" cx="60" cy="10" r="10"></circle>
	      </g>

	      <use xlink:href="#circle" class="use"/>
	  </svg>

	  
	</div>


	<noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
	<script>
		embedpano({swf:"tour.swf", xml:"tour.xml"+"?"+new Date().getTime(), target:"pano", html5:"auto",id:"krpanoSWFObject", initvars:{design:"default"}, passQueryParameters:true});
		var krpano = document.getElementById("krpanoSWFObject");
		
		
	</script>


<script src="plugins/jweixin-1.2.0.js"></script>
<!-- <script src="nice-validator/jquery.validator.min.js"></script> -->
<script src="common/adaptive.js"></script>
	<script>

		// window['adaptive'].desinWidth = 750;
		// window['adaptive'].baseFont = 42;
		// window['adaptive'].maxWidth = 1024;
		// window['adaptive'].init();
		
		function direction() {
			 if(window.orientation == 90 || window.orientation == -90 ) {
//			    alert("横屏");
		        return true;
		    }else{
		    	return false;
		    }
   		}
		
		function hsp(){
		    if(direction()){
			     window['adaptive'].desinWidth = 1334;
			     window['adaptive'].baseFont = 18;
			     window['adaptive'].maxWidth = 2048;
			     window['adaptive'].init();
		    }else{
			     window['adaptive'].desinWidth = 750;
			     window['adaptive'].baseFont = 18;
			     window['adaptive'].maxWidth = 750;
			     window['adaptive'].init();
		    }
		}
		 
		hsp();
	    window.setInterval(function(){hsp()},500);

		
		$(".alert-div").hide();
		$("#full_screen").hide();
		$(document).ready(function(){
			$(".close").bind("click",function(){
				$("#full_screen").hide();
				$(".alert-div").hide();
			})
			// rqstunm("https://baike.baidu.com/activity/liangjiahe/trace?callback=traceindex&type=index");
		})

		function loaded(bf){
			$("#bfb").html(bf);
		}

		function showlay(id){
			$("#full_screen").show();
			$("#"+id).show();
		}

		function hidload(){
			var target=document.getElementById("loadid");
      		target.style.display="none";
		}

		function weixinShare() {
		    g_weixinObj = {
		        "lineLink" : window.location.href,
		        "imgUrl" : "http://www.4dmodel.com/SpecialBigScene/ZGABridge/images/share.jpg",
		        "desc" : "身临其境",
		    }

	        $.ajax({    
	            url:'http://www.4dage.com/Weixin3/wechatconfig/jssdk', 
	            type: "post",
	            data : {
	                'url' : location.href.split('#')[0]
	            }, 
	            dataType:"jsonp",     
	            jsonpCallback:"success_jsonp",         
	            success:function(data,textStatus){
	                wx.config({
	                    //debug : true,
	                    appId : data.appId,
	                    timestamp : data.timestamp,
	                    nonceStr : data.nonceStr,
	                    signature : data.signature,
	                    jsApiList : [ 'checkJsApi', 'onMenuShareTimeline',
	                            'onMenuShareAppMessage', 'onMenuShareQQ',
	                            'onMenuShareWeibo', 'hideMenuItems',
	                            'showMenuItems', 'hideAllNonBaseMenuItem',
	                            'showAllNonBaseMenuItem', 'translateVoice',
	                            'startRecord', 'stopRecord', 'onRecordEnd',
	                            'playVoice', 'pauseVoice', 'stopVoice',
	                            'uploadVoice', 'downloadVoice', 'chooseImage',
	                            'previewImage', 'uploadImage', 'downloadImage',
	                            'getNetworkType', 'openLocation', 'getLocation',
	                            'hideOptionMenu', 'showOptionMenu', 'closeWindow',
	                            'scanQRCode', 'chooseWXPay',
	                            'openProductSpecificView', 'addCard', 'chooseCard',
	                            'openCard' ]
	                });
	            },    
	            error:function(XMLHttpRequest,textStatus,errorThrown){    
	                console.log("jsonp.error:"+textStatus);    
	            }    
	         }); 
	        
	         var success_jsonp = function(json){
	            console.log(json);
	         };


	        wx.ready(function(){ 
	            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行〿
	            //对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中〿
	            //分享到朋友圈 
	            wx.onMenuShareTimeline({ 
	            title: document.querySelector("head title").innerHTML, // 分享标题 
	            link: g_weixinObj.lineLink, // 分享链接 
	            imgUrl: g_weixinObj.imgUrl, // 分享图标 
	            desc: g_weixinObj.desc
	            }); 

	            //获取“分享给朋友”按钮点击状态及自定义分享内容接叿
	            wx.onMenuShareAppMessage({ 
	            title: document.querySelector("head title").innerHTML, // 分享标题 
	            desc: g_weixinObj.desc,  // 分享描述 
	            link: g_weixinObj.lineLink, // 分享链接 
	            imgUrl: g_weixinObj.imgUrl, // 分享图标 
	            type: '', // 分享类型,music、video或link，不填默认为link 
	            dataUrl: '' // 如果type是music或video，则要提供数据链接，默认为空 
	            }); 
	        });

	        wx.onMenuShareWeibo({
	            title: document.querySelector("head title").innerHTML, // 分享标题
	            desc: g_weixinObj.desc, // 分享描述
	            link: g_weixinObj.lineLink, // 分享链接
	            imgUrl: g_weixinObj.imgUrl, // 分享图标
	            success: function () { 
	               // 用户确认分享后执行的回调函数
	            },
	            cancel: function () { 
	                // 用户取消分享后执行的回调函数
	            }
	        });

	        wx.onMenuShareQZone({
	            title: document.querySelector("head title").innerHTML, // 分享标题
	            desc: g_weixinObj.desc, // 分享描述
	            link: g_weixinObj.lineLink, // 分享链接
	            imgUrl: g_weixinObj.imgUrl, // 分享图标
	            success: function () { 
	               // 用户确认分享后执行的回调函数
	            },
	            cancel: function () { 
	                // 用户取消分享后执行的回调函数
	            }
	        });

	        wx.onMenuShareQQ({
	            title: document.querySelector("head title").innerHTML, // 分享标题
	            desc: g_weixinObj.desc, // 分享描述
	            link: g_weixinObj.lineLink, // 分享链接
	            imgUrl: g_weixinObj.imgUrl, // 分享图标
	            success: function () { 
	               // 用户确认分享后执行的回调函数
	            },
	            cancel: function () { 
	               // 用户取消分享后执行的回调函数
	            }
	        });

	        wx.error(function(res){ 
	        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名〿

	        });
		    
		}
		weixinShare();


// var track_mouse_enabled = false;
// 	var track_mouse_interval_id = null;
	
// 	function track_mouse_interval_callback()
// 	{
// 		var mx = krpano.get("mouse.x");
// 		var my = krpano.get("mouse.y");
// 		var pnt = krpano.screentosphere(mx,my);
// 		var h = pnt.x;
// 		var v = pnt.y;
// 		document.getElementById("mousepos").innerHTML = 'x="' + mx + '" y="' + my + '" ath="' + h.toFixed(2) + '" atv="' + v.toFixed(2) + '"';
// 	}
	
// 	function track_mouse()
// 	{
// 		if (krpano)
// 		{
// 			if (track_mouse_enabled == false)
// 			{
// 				// enable - call 60 times per second
// 				track_mouse_interval_id = setInterval(track_mouse_interval_callback, 1000.0 / 60.0);
				
// 				track_mouse_enabled = true;
// 			}
// 			else
// 			{
// 				// disable
// 				clearInterval(track_mouse_interval_id);
// 				document.getElementById("mousepos").innerHTML = "";
				
// 				track_mouse_enabled = false;
// 			}
// 		}
// 	}

	</script>

	<!-- <script src="https://wapbaike.baidu.com/operation/api/getwxsign?callback=weixin_callback"></script> -->
	
</div>
<!-- <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="plugins/weixin.js"></script> -->
</body>
</html>