wangdaping
/
wp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
							<%@page contentType="text/html" pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    
<title>南方电网公司应急指挥平台</title>
<!--框架必需start-->
<%@include file="include.jsp" %> 
<!--浮动面板start-->
<script type="text/javascript" src="../scripts/qui/libs/js/popup/floatPanel.js"></script>
<!--浮动面板end-->
<!-- 详细信息的js -->
<script type="text/javascript" src="../scripts/business/monitor/togetherAnalysis/tagDetailInfo.js"></script>
<script type="text/javascript" src="../scripts/business/monitor/lwquery/tagInfo.js"></script>
<!-- 详细信息的js -->
<!-- 地图放大缩小 -->
<script type="text/javascript" src="../scripts/mapCommon.js"></script>
<style type="text/css">
#head{
    background-color:#E6E6FA;
    margin:0;
}
#content{
    background:#CCCCCC;
    margin:0; 
}
</style>
<script type="text/javascript">
       /*
       *初始化函数
       */
       function initComplete(){
            $("#map").height($(window).height());//map页面高度等于浏览器内容页面高度减去菜单栏高度
            $("#FlexProject").height($(window).height());
            $("#emb").height($(window).height());//设置地图高度为浏览器下窗口可见高度
            
       }
       //var mapLoaded = false;
       function showAdminRegion(){ 
    		 //mapLoaded = true;
    		flexElement = getSWF(); 
    		flexElement.showAdminRegion(top.com.sinosoft.lz.system.user.LoginInfo.getUserDistCode(),1);
    		top.mapLoaded = true;
    	}
       //获取要标注的地图对象
       function getSWF() {
            var flexElement;
            if (navigator.appName.indexOf("Microsoft") != -1) {
                flexElement = FlexProject;
            }else {
                flexElement = document.getElementsByTagName("embed")[0];
            }
          //监听esc
            document.onkeydown=function(event){ 
                var e = event || window.event || arguments.callee.caller.arguments[0]; 
                if(e && e.keyCode==27){ // 按 Esc 
                    flexElement.ESCremoveBuffer(true);
                } 
            };
            wheel(flexElement,afterwheel,true);
            return flexElement;
        }
       /**
        * 鼠标滚轮定点放大的方法
        * @param obj
        * @param fn
        * @param useCapture
        * @return
        */
       function wheel(obj, fn ,useCapture){
               var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel" ;
               //FF doesn't recognize mousewheel as of FF3.x
               if (obj.attachEvent) //if IE (and Opera depending on user setting)
                   obj.attachEvent("on"+mousewheelevt, handler, useCapture);
               else if (obj.addEventListener) //WC3 browsers
                   obj.addEventListener(mousewheelevt, handler, useCapture);
            
               function handler(event) {
                   var delta = 0;
                   var event = window.event || event ;
                   var delta =  event.detail ?  -event.detail/3 : event.wheelDelta/120;
                   if (event.preventDefault)
                               event.preventDefault();
                   event.returnValue = false;
                   return fn.apply(obj, [event, delta,obj]);
               }
           }
          
       function afterwheel(event, delta,obj){
           //这个是FLEX里写的放大缩小方法
           obj.WheelScroll(delta);
       }
       //获取编码
       var dept_id = top.com.sinosoft.lz.system.user.LoginInfo.getUnitCode()+""; //部门id
       var P_dept_id = top.com.sinosoft.lz.system.user.LoginInfo.getPUnitCode(); //父部门id
        /*
        *缓冲区查询
        */
       function bufferStart(){
           var condition = "";
           var distance = $("#distance_id").val();
           //alert(distance)
            $("input:checkbox[name=hobby-1]").each(function(){
                if($(this).attr("checked")){
                    condition +=  $(this).val()+",";//获取选中的值并拼接成字符串
                }
            })
            if(condition==""){
                top.Dialog.alert("请选择查询项!");
            }else{
                condition += dept_id+","+P_dept_id;
                var f = getSWF();
                f.showCarsByCircle(distance*1000,condition);
             }
           }
        /**
          * 视频弹出框
          * @return
          */
         function showVideo(id){
             var diag = new top.Dialog();
             diag.Title = "视频信息";
             diag.URL = $.pathname() + '/page/monitor/wcsb/gpscamera.html?'+id;
             diag.Top="100%";//距离顶部
             diag.Left="100%";//距离左部
             diag.Modal=false;//是否显示遮罩
            // diag.AutoClose=5,//5秒后自动关闭
             diag.Width=500;
             diag.Height = 300;
             diag.ShowMaxButton=true;//最大化
             diag.ShowMinButton=true;//最小化
             diag.ShowCancelButton = false;
             diag.ShowOkButton = false;
             diag.show();
         }

         function zoomin(){//放大 
       	 	  document.getElementById("show2").style.display="none";
         	  flexElement.activateMapNavigation("zoomin");
         }
         function zoomout(){//缩小
        	 document.getElementById("show2").style.display="none";
         	  flexElement.activateMapNavigation("zoomout");
         }
         function pan(){//平移
        	 document.getElementById("show2").style.display="none";
         	  flexElement.activateMapNavigation("pan");
         }
         function clearmap(){//清除
        	 document.getElementById("show2").style.display="none";
         	  flexElement.activateMapNavigation("clearmap");
         }
         function measureByPolygon(){//面积测量
        	 document.getElementById("show2").style.display="none";
         	  flexElement.measureByPolygon(); 
         }
         function measureByLine(){//距离测量
        	 document.getElementById("show2").style.display="none";
         	  flexElement.measureByLine(); 
         }
         function createGraphicSymbolWindow(){//图例
        	 document.getElementById("show2").style.display="none";
         	  flexElement.createGraphicSymbolWindow(); 
         }
         function gsMapLayerVisible(){//高速切换
        	 document.getElementById("show2").style.display="none";
         	  flexElement.gsMapLayerVisible(); 
         }
         function showMapWeather(){//天气预报
        	 document.getElementById("show2").style.display="none";
         	  flexElement.showMapWeather(); 
         }
         function zoomFull(){//全图
         	//  alert("w3");
        	 document.getElementById("show2").style.display="none";
         	  flexElement.activateMapNavigation("ViewerContainer.NAVIGATION_ZOOM_FULL");
         }
     	function closeWin(){ 
    			  document.getElementById("show2").style.display="none"; 
    	}
</script>
</head>
<body>
 
        <!-- 地图 -->
        <div id="content">
            <div  id="map" width="100%" style="background-color: #ffffff"> 
                  <object id="FlexProject" width="100%" 
                        classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" name="FlexProject">
                        <param name="movie" value="/nwyj/page/bin-release/index.swf" />
                        <param name="quality" value="high" />
                        <param name="bgcolor" value="#ffffff" />                
                        <param name="allowScriptAccess" value="always" />
                        <param name="allowFullScreen"   value="true" />
                        <param name="wmode" value="transparent" />
                        <embed src="/nwyj/page/bin-release/index.swf" width="100%" wmode="transparent" name="embed" id="emb"
                            allowFullScreen="true" quality="high" type="application/x-shockwave-flash"></embed>
                  </object>
                  <div  style="left: auto; top: 5px; right: 32px; bottom: auto; position: absolute; z-index: 1001;background-color:#ffffff">
	         	  <!-- 设备状态监控 -->
	         		<div style="border:1px solid #c4c7cc;float:left;;display: none" id="sbjc">
		         		<div style="bottom:332px; right: 230px; border-right: 1px solid #ecedef; padding:4px;float:left;">
		         		 	<div  style="width:25px;">
			         			<div class="popupMenu_link">
			         				<a href="javascript:;"  onclick="ssjcList('sbjc')"><img src="../images/map1/1.png" keepDefaultStyle="true" width="18" height="18" title="设备监测"/></a>
			         			</div>
		         				<div class="popupMenu_con white_con" id="show2" style="display:none;width:180px;top:25px;left:0px;">
		         					<span style="font-size:14px;background-color:#F9F9F9;border-bottom: 1px solid #76A3C1;font-weight:bold;">设备监控
			         					<font  onclick="closeWin()" style=" position: absolute; z-index: 50;top: 7px;right: 4px; width: 12px; height: 12px; background: url(../images/map1/close.gif) no-repeat;border: 0;cursor: pointer;"></font>
			         				</span>
		         				     <input id="jk1" type="checkbox" onclick="parent.video();"/>固定点视频</br>
									 <input id="jk2" type="checkbox" onclick="parent.traffic();"/>交调设备</br>
									 <input id="jk3" type="checkbox" onclick="parent.infoBoard();"/>情报板</br> 
								</div>
							</div>
				         </div>			         	
	         		</div>
	         	<div style="width:5px;float:left;">&nbsp;</div>
			         	<div style="border:1px solid #c4c7cc;float:left;">
		         		<div style="bottom:332px; right: 230px; border-right: 1px solid #ecedef; padding:4px;float:left;">
		         			<a href="javascript:;" onclick="zoomin()"><img src="../images/map1/11.png" keepDefaultStyle="true" title="放大"  width="18" height="18"/></a><!-- 放大 -->
		         		</div> 
		         		<div style="bottom:332px; right: 230px; border-right: 1px solid #ecedef; padding:4px;float:left;">
		         			<a href="javascript:;" onclick="zoomout()"><img src="../images/map1/12.png" keepDefaultStyle="true" title="缩小"  width="18" height="18"/></a><!-- 缩小 -->
		         		</div>
	         			<div style="bottom:332px; right: 230px; border-right: 1px solid #ecedef; padding:4px;float:left;">
	         				<a href="javascript:;" onclick="zoomFull()"><img src="../images/map1/14.png" keepDefaultStyle="true" title="全图"  width="18" height="18"/></a><!-- 全图 -->
	         			</div> 
	         			<div style="bottom:332px; right: 230px; border-right: 1px solid #ecedef; padding:4px;float:left;">
	         				<a href="javascript:;" onclick="pan()"><img src="../images/map1/13.png" keepDefaultStyle="true" title="平移"  width="18" height="18"/></a><!-- 平移 -->
	         			</div> 
		         		<div style="bottom:332px; right: 230px; border-right: 1px solid #ecedef; padding:4px;float:left;">
		         			<a href="javascript:;" onclick="measureByLine()"><img src="../images/map1/26.png" keepDefaultStyle="true" title="测距" width="18" height="18"/></a><!-- 测距 -->
		         		</div> 
	         			<div style="bottom:332px; right: 230px; border-right: 1px solid #ecedef; padding:4px;float:left;">
	         				<a href="javascript:;" onclick="measureByPolygon()" ><img src="../images/map1/25.png" width="18" keepDefaultStyle="true" title="测面积" height="18"/></a><!-- 测面积-->
	         			</div> 
	         			<div style="bottom:332px; right: 230px; border-right: 1px solid #ecedef; padding:4px;float:left;">
	         				<a href="javascript:;" onclick="createGraphicSymbolWindow()"><img src="../images/map1/17.png" keepDefaultStyle="true" title="图例"  width="18" height="18"/></a><!-- 图例-->
	         			</div>
	         			<div style="bottom:332px; right: 230px; border-right: 1px solid #ecedef; padding:4px;float:left;">
	         				<a href="javascript:;" onclick="gsMapLayerVisible()"><img src="../images/map1/19.png" keepDefaultStyle="true" title="高速切换"   width="18" height="18"/></a><!-- 高速切换-->
	         			</div>
	         			<div style="bottom:332px; right: 230px; border-right: 1px solid #ecedef; padding:4px;float:left;">
	         				<a href="javascript:;" onclick="showMapWeather()"><img src="../images/map1/18.png" keepDefaultStyle="true" title="天气预报"  width="18" height="18"/></a><!-- 天气预报-->
	         			</div>
	         			<div style="bottom:332px; right: 230px; border-right: 1px solid #ecedef; padding:4px;float:left;">
	         				<a href="javascript:;" onclick="clearmap()"><img src="../images/map1/21.png" keepDefaultStyle="true" title="清图" width="18" height="18"/></a><!-- 清图-->
	         			</div>
	         		</div>
            </div> 
        </div>
    </div>
</body>
</html>