geoinfo_eGov_work/src/main/webapp/web3d/web3d.html

222 lines
11 KiB
HTML

<!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>3차원 지반분석 시스템</title>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/menu.css" type="text/css" media="screen"/>
<script language="JavaScript" >
<!--
window.open("./popup.html","pop1","width=292,height=272,left=240,top=90");
function openWin(){
window.open("./popup.html","pop1","width=292,height=272,left=240,top=90");
}
//Map Function..
function ZoomFit() {
window.document.Map3D.ZoomFit();
}
function ZoomIn() {
window.document.Map3D.ZoomIn();
}
function ZoomOut() {
window.document.Map3D.ZoomOut();
}
function Clear() {
window.document.Map3D.Clear();
window.document.Map3D.SetMouseMode(1);
}
function ReDraw() {
window.document.Map3D.ReDraw();
}
function ScreenToImageFile() {
window.document.Map3D.ScreenToImageFile("");
}
function SetMouseMode(nMode) {
window.document.Map3D.SetMouseMode(nMode);
}
function OpenMap(strFileName) {
window.document.Map3D.OpenMap(strFileName);
}
function ShowSetup() {
window.document.Map3D.ShowSetupDlg(1);
}
function WaterLevelShow() {
window.document.Map3D.WaterLevelShow();
}
function WaterLevelVisible(bShow) {
window.document.Map3D.WaterLevelVisible(bShow);
}
<!--레이어 온오프-->
function SetLayer(obj) {
var nLayer = obj.value;
var bShow = obj.checked;
if(nLayer == -99) {
checkbox00.checked = obj.checked;
checkbox01.checked = obj.checked;
checkbox02.checked = obj.checked;
//checkbox03.checked = obj.checked;
window.document.Map3D.TerrainTextureVisible(bShow);
window.document.Map3D.TerrainVisible(bShow);
window.document.Map3D.BoreholeVisible(bShow);
//window.document.Map3D.WaterLevelVisible(bShow);
}
if(nLayer == -88) {
checkbox11.checked = obj.checked;
checkbox12.checked = obj.checked;
checkbox13.checked = obj.checked;
checkbox14.checked = obj.checked;
checkbox15.checked = obj.checked;
checkbox16.checked = obj.checked;
checkbox17.checked = obj.checked;
checkbox18.checked = obj.checked;
checkbox19.checked = obj.checked;
checkbox20.checked = obj.checked;
window.document.Map3D.JibanLayerVisible(27, bShow);
window.document.Map3D.JibanLayerVisible(28, bShow);
window.document.Map3D.JibanLayerVisible(4, bShow);
window.document.Map3D.JibanLayerVisible(18, bShow);
window.document.Map3D.JibanLayerVisible(62, bShow);
window.document.Map3D.JibanLayerVisible(37, bShow);
window.document.Map3D.JibanLayerVisible(33, bShow);
window.document.Map3D.JibanLayerVisible(12, bShow);
window.document.Map3D.JibanLayerVisible(7, bShow);
window.document.Map3D.JibanLayerVisible(3, bShow);
}
if(nLayer == -1)
window.document.Map3D.TerrainTextureVisible(bShow);
if(nLayer == 0)
window.document.Map3D.TerrainVisible(bShow);
if(nLayer == 1)
window.document.Map3D.BoreholeVisible(bShow);
if(nLayer == 2)
window.document.Map3D.WaterLevelVisible(bShow);
if(nLayer >= 3)
window.document.Map3D.JibanLayerVisible(nLayer, bShow);
}
-->
</script>
</head>
<body>
<!--모든 프레임 감싸기 시작-->
<div class="total_wrappper">
<!-- 헤더 시작-->
<div class="header">
<h1></h1>
<ul>
<li><a href="javascript:ZoomFit();" class="btn_header_menu_01"></a></li>
<li><a href="javascript:ZoomIn();" class="btn_header_menu_02"></a></li>
<li><a href="javascript:ZoomOut();" class="btn_header_menu_03"></a></li>
<li><a href="javascript:Clear();" class="btn_header_menu_04"></a></li>
<li><a href="javascript:SetMouseMode(2);" class="btn_header_menu_05"></a></li>
<li><a href="javascript:SetMouseMode(3);" class="btn_header_menu_06"></a></li>
<li><a href="javascript:SetMouseMode(4);" class="btn_header_menu_07"></a></li>
<li><a href="javascript:WaterLevelShow();" class="btn_header_menu_06_5"></a></li>
<li><a href="javascript:ScreenToImageFile();" class="btn_header_menu_08"></a></li>
<li><a href="javascript:ShowSetup();" class="btn_header_menu_09"></a></li>
<li><a href="javascript:openWin();" class="btn_header_menu_10"></a></li>
</ul>
<img src="img/logo2.png" width="111" height="36" style="position:absolute; top:12px; right:40px;" />
</div>
<!-- 헤더 끝-->
<!-- 가운데 영역 시작-->
<div class="middle">
<!-- 왼쪽 메뉴 시작-->
<div class="middle_left">
<div class="menu_1">
<img src="img/title_menu1.png" width="215" height="26" />
<a href="javascript:OpenMap('c:\\hole\\hole2\\hole2.dat')" class="btn_menu_area1"></a>
<a href="javascript:OpenMap('c:\\hole\\hole1\\hole1.dat')" class="btn_menu_area2"></a>
<a href="javascript:OpenMap('c:\\hole\\hole3\\hole3.dat')" class="btn_menu_area3"></a>
<a href="javascript:OpenMap('c:\\hole\\hole4\\hole4.dat')" class="btn_menu_area4"></a>
</div>
<div class="menu_2">
<div class="total_check">
<input type="checkbox" name="checkbox99" value="-99" checked OnClick="javascript:SetLayer(this);" />
</div>
<ul>
<li><input type="checkbox" name="checkbox00" value="-1" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="margin-left:7px;"></span>항공사진</li>
<li><input type="checkbox" name="checkbox01" value="0" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="margin-left:7px;"></span>DEM</li>
<li><input type="checkbox" name="checkbox02" value="1" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="margin-left:7px;"></span>시추공</li>
<!--<li><input type="checkbox" name="checkbox03" value="2" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="margin-left:7px;"></span>지하수위</li> -->
</ul>
</div>
<div class="menu_3">
<div class="total_check">
<input type="checkbox" name="checkbox88" value="-88" checked OnClick="javascript:SetLayer(this);" />
</div>
<ul>
<li><input type="checkbox" name="checkbox11" value="27" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="position:relative; top:3px; display:inline-block; width:30px; height:8px; background-color:#00ff05; padding:3px; color:#000;"></span> 잔적토층</li>
<li><input type="checkbox" name="checkbox12" value="28" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="position:relative; top:3px; display:inline-block; width:30px; height:8px; background-color:#00007d; padding:3px; color:#fff;"></span> 퇴적토층</li>
<li><input type="checkbox" name="checkbox13" value="4" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="position:relative; top:3px; display:inline-block; width:30px; height:8px; background-color:#41feff; padding:3px; color:#000;"></span> 매립토층</li>
<li><input type="checkbox" name="checkbox14" value="18" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="position:relative; top:3px; display:inline-block; width:30px; height:8px; background-color:#01007f; padding:3px; color:#fff;"></span> 붕적토층</li>
<li><input type="checkbox" name="checkbox15" value="62" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="position:relative; top:3px; display:inline-block; width:30px; height:8px; background-color:#008000; padding:3px; color:#fff;"></span> 충적토층</li>
<li><input type="checkbox" name="checkbox16" value="37" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="position:relative; top:3px; display:inline-block; width:30px; height:8px; background-color:#00ffff; padding:3px; color:#000;"></span> 풍화토층</li>
<li><input type="checkbox" name="checkbox17" value="33" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="position:relative; top:3px; display:inline-block; width:30px; height:8px; background-color:#0001fc; padding:3px; color:#fff;"></span> 풍화암층</li>
<li><input type="checkbox" name="checkbox18" value="12" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="position:relative; top:3px; display:inline-block; width:30px; height:8px; background-color:#fffe00; padding:3px; color:#000;"></span> 보통암</li>
<li><input type="checkbox" name="checkbox19" value="7" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="position:relative; top:3px; display:inline-block; width:30px; height:8px; background-color:#810083; padding:3px; color:#fff;"></span> 연암</li>
<li><input type="checkbox" name="checkbox20" value="3" checked OnClick="javascript:SetLayer(this);" align="absmiddle" class="checkbox_align"/><span style="position:relative; top:3px; display:inline-block; width:30px; height:8px; background-color:#fd0100; padding:3px; color:#fff;"></span> 경암</li>
</ul>
</div>
<div class="menu_4">
<a href="#" class="btn_go_back"></a>
</div>
</div>
<!-- 왼쪽 메뉴 끝-->
<!-- 지도 영역 시작-->
<div id="object3d" class="middle_right" style=" z-index:-1">
<!-- <Object width="100%" height="100%" id="Map3D" classid="clsid:48D3EE4F-7634-4973-869E-53AFA8B4C6FF" codebase="http://14.35.193.250:8190/body/map/web3d/activex/O2MapGeoInfo.cab"#version=1,0,0,7>
<param name="HostURL" value="http://14.35.193.250:8190/body/map/web3d/">
-->
<Object width="100%" height="100%" id="Map3D" classid="clsid:48D3EE4F-7634-4973-869E-53AFA8B4C6FF" codebase="http://14.35.193.250:8190/body/map/web3d/activex/O2MapGeoInfo.cab"#version=1,1,0,0>
<param name="HostURL" value="http://14.35.193.250:8190/body/map/web3d/hole">
<param name="HoleFileName" value="c:\\hole\\hole3\\hole3.dat">
</Object>
</div>
<!-- 지도 영역 끝-->
</div>
<!-- 가운데 영역 끝-->
</div>
<!--모든 프레임 감싸기 끝-->
</body>
</html>