<!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>
|
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
<script src="js/jquery.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
<script src="js/config.js"></script>
|
<script src="js/detect.js"></script>
|
<script src="js/common.js"></script>
|
<script src="js/tools.js"></script>
|
<script type="text/javascript">
|
var idleMode = null;
|
var sgworld = null;
|
var sgworldEx = null;
|
|
function LoadFly() {
|
try {
|
if (isIE()) {
|
sg = sgworld = CreateSGObj();
|
sg.AttachEvent("OnFrame", g1OnFrame);
|
sg.AttachEvent("OnLButtonDown", g1OnLButtonDown);
|
sg.Open(flyurl);
|
|
|
} else {
|
alert("请安装三维浏览插件并允许插件运行使用！");
|
}
|
} catch (e) {
|
alert(e);
|
}
|
}
|
|
function g1OnFrame() {
|
if (idleMode == 1) {
|
var pos = sgworld.Navigate.GetPosition(3);
|
sgworldEx.Navigate.SetPosition(pos);
|
}
|
}
|
|
function g1OnLButtonDown(Flags, X, Y, pbHandled) {
|
idleMode = 1;
|
}
|
|
function g2OnFrame() {
|
if (idleMode == 2) {
|
var pos = sgworldEx.Navigate.GetPosition(3);
|
sgworld.Navigate.SetPosition(pos);
|
}
|
}
|
|
function g2OnLButtonDown(Flags, X, Y, pbHandled) {
|
idleMode = 2;
|
}
|
|
window.setTimeout("LoadFly()", 1000);
|
window.setTimeout("LoadFlyEx()", 2000);
|
|
function LoadFlyEx() {
|
sgworldEx = TerraExplorer3DWindowEx.CreateInstance("TerraExplorerX.SGWorld701");
|
sgworldEx.AttachEvent("OnLoadFinished", OnLoadFinishedEx);
|
sgworldEx.AttachEvent("OnFrame", g2OnFrame);
|
sgworldEx.AttachEvent("OnLButtonDown", g2OnLButtonDown);
|
sgworldEx.Open(flyurl2);
|
}
|
|
function OnLoadFinishedEx() {
|
//var rightEarthTitle = window.document.getElementById("rightEarthTitle");
|
//rightEarthTitle.innerText = "2019年";
|
|
var rightEarthPanel = window.document.getElementById("rightEarthPanel");
|
rightEarthPanel.style.display = "none";
|
}
|
|
var bshow = 0;
|
|
function ShowPopup() {
|
try {
|
var sg = CreateSGObj();
|
var ppCation = "辅助分析";
|
pp = sg.Creator.CreatePopupMessage(ppCation, abspath() + "/tools.html", sg.Window.Rect.width - 235, 5, 230, 230, -1);
|
var pp = sg.Window.GetPopupByCaption(ppCation);
|
if (bshow == 0) {
|
sg.Window.ShowPopup(pp);
|
bshow = 1;
|
} else {
|
sg.Window.RemovePopup(pp);
|
bshow = 0;
|
}
|
} catch (e) {
|
alert(e);
|
}
|
}
|
|
function ShowProjectTree() {
|
try {
|
var projecttree = window.document.getElementById("TerraExplorerInformationWindow");
|
var tdwindow = window.document.getElementById("TerraExplorer3DWindow");
|
if (projecttree.style.display == 'none') {
|
projecttree.style.display = '';
|
tdwindow.style.width = "80%";
|
} else {
|
projecttree.style.display = 'none';
|
tdwindow.style.width = "100%";
|
}
|
} catch (e) {
|
alert(e);
|
}
|
}
|
|
function ShowInitStatue() {
|
try {
|
locationBrowse("全貌", 0, "");
|
} catch (e) {
|
alert(e);
|
}
|
}
|
|
function ShowMultiple() {
|
var leftEarthPanel = window.document.getElementById("leftEarthPanel");
|
var rightEarthPanel = window.document.getElementById("rightEarthPanel");
|
if (leftEarthPanel.style.width == "100%") {
|
leftEarthPanel.style.width = "50%";
|
rightEarthPanel.style.display = "";
|
|
} else {
|
leftEarthPanel.style.width = "100%";
|
rightEarthPanel.style.display = "none";
|
}
|
}
|
|
function Show2D() {
|
var leftEarthPanel = window.document.getElementById("leftEarthPanel");
|
var rightEarthPanel = window.document.getElementById("rightEarthPanel");
|
if (leftEarthPanel.style.width == "100%") {
|
leftEarthPanel.style.width = "50%";
|
rightEarthPanel.style.display = "";
|
sgworldEx.Command.Execute(1054, 0);
|
} else {
|
leftEarthPanel.style.width = "100%";
|
rightEarthPanel.style.display = "none";
|
sgworldEx.Command.Execute(1052, 0);
|
}
|
|
}
|
|
function showKSResult() {
|
var ksResultList = window.document.getElementById("ksResultList");
|
ksResultList.style.display = "";
|
}
|
|
var bshowProfile = 0;
|
|
function ShowProfile() {
|
try {
|
var sg = CreateSGObj();
|
var ppCation = "地形剖面";
|
pp = sg.Creator.CreatePopupMessage(ppCation, abspath() + "/TerrainProfile/TerrainProfile.html", 0, 0, 300, 200, -1);
|
var pp = sg.Window.GetPopupByCaption(ppCation);
|
if (bshowProfile == 0) {
|
sg.Window.ShowPopup(pp);
|
bshowProfile = 1;
|
} else {
|
sg.Window.RemovePopup(pp);
|
bshowProfile = 0;
|
}
|
} catch (e) {
|
alert(e);
|
}
|
}
|
|
var bshowVolume = 0;
|
|
function ShowVolume() {
|
try {
|
var sg = CreateSGObj();
|
var ppCation = "资源量分析";
|
pp = sg.Creator.CreatePopupMessage(ppCation, abspath() + "/Volume/Volume.html", 0, 0, 300, 250, -1);
|
var pp = sg.Window.GetPopupByCaption(ppCation);
|
if (bshowVolume == 0) {
|
sg.Window.ShowPopup(pp);
|
bshowVolume = 1;
|
} else {
|
sg.Window.RemovePopup(pp);
|
bshowVolume = 0;
|
}
|
} catch (e) {
|
alert(e);
|
}
|
}
|
|
var bshow = 0;
|
|
function showCross() {
|
try {
|
var sg = sgworld;
|
var ppCation = "模型剖切展示";
|
pp = sg.Creator.CreatePopupMessage(ppCation, alltoolurl + "/CrossSection/CrossSection.html", sg.Window.Rect.width - 235, 230 + 5, 230, 230, -1);
|
var pp = sg.Window.GetPopupByCaption(ppCation);
|
if (bshow == 0) {
|
sg.Window.ShowPopup(pp);
|
bshow = 1;
|
} else {
|
sg.Window.RemovePopup(pp);
|
bshow = 0;
|
}
|
} catch (e) {
|
alert(e);
|
}
|
}
|
|
//var bshowProfile = 0;
|
//function ShowProfile() {
|
// try {
|
// var sg = CreateSGObj();
|
// var ppCation = "地形剖面";
|
// pp = sg.Creator.CreatePopupMessage(ppCation, abspath() + "/TerrainProfile/TerrainProfile.html", 0, 0, 300, 200, -1);
|
// var pp = sg.Window.GetPopupByCaption(ppCation);
|
// if (bshowProfile == 0) {
|
// sg.Window.ShowPopup(pp);
|
// bshowProfile = 1;
|
// }
|
// else {
|
// sg.Window.RemovePopup(pp);
|
// bshowProfile = 0;
|
// }
|
// }
|
// catch (e) {
|
// alert(e);
|
// }
|
//}
|
|
var bshowIMGCompare = 0;
|
|
function showIMGCompare() {
|
try {
|
var sg = CreateSGObj();
|
var ppCation = "影像对比";
|
pp = sg.Creator.CreatePopupMessage(ppCation, abspath() + "/ImageComparison/ImageComparisonPopup.html", 0, 0, 480, 120, -1);
|
var pp = sg.Window.GetPopupByCaption(ppCation);
|
if (bshowIMGCompare == 0) {
|
sg.Window.ShowPopup(pp);
|
bshowIMGCompare = 1;
|
} else {
|
sg.Window.RemovePopup(pp);
|
bshowIMGCompare = 0;
|
}
|
} catch (e) {
|
alert(e);
|
}
|
}
|
|
function qlcTrainS(selectIdName) {
|
|
var arrValue = document.getElementById(selectIdName).options[document.getElementById(selectIdName).selectedIndex].value;
|
|
//alert(arrValue);
|
|
}
|
</script>
|
<style>
|
.has-feedback {
|
position: relative;
|
}
|
|
.navbar-form .has-feedback .form-control-feedback {
|
top: 0;
|
}
|
|
.form-control-feedback {
|
position: absolute;
|
top: 0;
|
right: 0;
|
z-index: 2;
|
display: block;
|
width: 34px;
|
height: 34px;
|
line-height: 34px;
|
text-align: center;
|
pointer-events: none;
|
}
|
|
.toolsbtn {
|
display: inline-block;
|
color: white;
|
margin: 5px;
|
vertical-align: top;
|
cursor: pointer;
|
}
|
|
.carousel {
|
width: 100%;
|
height: 100%;
|
}
|
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
</style>
|
</head>
|
|
<body style="margin: 0px; border: 0px; background-color:black; overflow:hidden;">
|
<div id="top">
|
<nav class="navbar navbar-inverse">
|
<div class="navbar-header">
|
<a class="navbar-brand" href="http://www.smartearth.cn">矿山三维信息系统</a>
|
</div>
|
<ul class="nav navbar-nav navbar-right">
|
<li><a href="#" onclick="ShowInitStatue()">基础数据</a></li>
|
<li><a href="#" onclick="ShowScheduling()">数据应用</a></li>
|
<li><a href="#" onclick="ShowMonitor()">语义分析</a></li>
|
<!--<li><a href="#" onclick="ShowPopup()">辅助分析</a></li>-->
|
<!--<li><a href="#" onclick="ShowMultiple()">分屏对比</a></li>-->
|
<!--<li><a href="#" onclick="ShowProfile()">剖面分析</a></li>
|
<li><a href="#" onclick="ShowVolume()">土方量</a></li>-->
|
<li>
|
<a></a>
|
</li>
|
</ul>
|
</nav>
|
</div>
|
<div id="tools" style="position:absolute; left:15%; top:50px;height:30px;width:85%;">
|
<!--工具栏-->
|
<div id="querty" class="toolsbtn" onclick="allclickinformation();">查询</div>
|
<div id="querty" class="toolsbtn" onclick="addTextLabel();">标签</div>
|
<div id="querty" class="toolsbtn" onclick="addIMGLabel();">图片</div>
|
<div id="querty" class="toolsbtn" onclick="distance3D();">距离量测</div>
|
<div id="querty" class="toolsbtn" onclick="vertical();">高度量测</div>
|
<div id="querty" class="toolsbtn" onclick="cover();">平面面积量测</div>
|
<div id="querty" class="toolsbtn" onclick="cover3D();">立面面积量测</div>
|
<div id="querty" class="toolsbtn" onclick="isohypse();">等高线分析</div>
|
<div id="querty" class="toolsbtn" onclick="showslope();">坡度图分析</div>
|
<div id="querty" class="toolsbtn" onclick="route();">最佳路径分析</div>
|
<div id="querty" class="toolsbtn" onclick="ShowProfile()">地形剖面分析</div>
|
<div id="querty" class="toolsbtn" onclick="submerge();">洪水淹没分析</div>
|
<div id="querty" class="toolsbtn" onclick="ShowVolume()">资源量分析</div>
|
<div id="querty" class="toolsbtn" onclick="showCross();">截面分析</div>
|
<div id="querty" class="toolsbtn" onclick="intervisibility();">通视分析</div>
|
<div id="querty" class="toolsbtn" onclick="ken();">视域分析</div>
|
<div id="querty" class="toolsbtn" onclick="showTime();">时间</div>
|
<div id="querty" class="toolsbtn" onclick="showSun();">太阳</div>
|
<div id="querty" class="toolsbtn" onclick="showShadow();">阴影</div>
|
<div id="querty" class="toolsbtn" onclick="showIMGCompare();">卷帘对比分析</div>
|
<div class="toolsbtn">
|
<select name="trains" onchange="qlcTrainS('hn_select_input')" style="margin-bottom: 0px;color:#8E8E8E;height:28px;" class="form-control m-b selectpicker" id="hn_select_input">
|
<option value="2020">2020</option>
|
<option value="2019">2019</option>
|
<option value="2018">2018</option>
|
<option value="2017">2017</option>
|
<option value="2016">2016</option>
|
</select>
|
</div>
|
<div id="querty" class="toolsbtn" onclick="ShowMultiple();">对比</div>
|
<div id="querty" class="toolsbtn" onclick="Show2D();">二维</div>
|
</div>
|
<div id="LeftPanel" class="navbar-inverse" style="width:15%;height:100%;">
|
<ul class="nav nav-tabs" role="tablist">
|
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">矿山查询</a></li>
|
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">语义查询</a></li>
|
<li role="presentation"><a href="#projecttree" aria-controls="projecttree" role="tab" data-toggle="tab">图层管理</a></li>
|
</ul>
|
<div class="tab-content">
|
<div role="tabpanel" class="tab-pane fade in active" id="home">
|
<div class="form-group has-feedback">
|
<label for="pw"></label>
|
<span class="glyphicon glyphicon-search form-control-feedback"></span>
|
<input type="text" id="pw" class="form-control" placeholder="请输入矿山许可证编号" style="width:73%;margin-left:3%;" />
|
<button type="button" class="btn btn-success" style="position:absolute; top:5px; right:3%;" onclick="showKSResult()">确定</button>
|
</div>
|
<div id="ksResultList" style="display:none;">
|
<ul class="list-group">
|
<a class="list-group-item" href="#">某某矿山</a>
|
<a class="list-group-item" href="#">某某矿山</a>
|
<a class="list-group-item" href="#">某某矿山</a>
|
<a class="list-group-item" href="#">某某矿山</a>
|
<a class="list-group-item" href="#">某某矿山</a>
|
<a class="list-group-item" href="#">某某矿山</a>
|
<a class="list-group-item" href="#">某某矿山</a>
|
<a class="list-group-item" href="#">某某矿山</a>
|
</ul>
|
</div>
|
<div id="ksDetails" style="top:50%;height:50%;width:100%;">
|
<div id="carousel-example-generic" class="carousel slide center-block" data-ride="carousel">
|
<!-- Indicators -->
|
<ol class="carousel-indicators">
|
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
|
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
|
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
|
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
|
<li data-target="#carousel-example-generic" data-slide-to="4"></li>
|
</ol>
|
|
<!-- Wrapper for slides -->
|
<div class="carousel-inner" role="listbox">
|
<div class="item active">
|
<img src="轮播图1.jpg" alt="..." />
|
<div class="carousel-caption">
|
图1
|
</div>
|
</div>
|
<div class="item">
|
<img src="轮播图2.jpg" alt="..." />
|
<div class="carousel-caption">
|
图2
|
</div>
|
</div>
|
<div class="item">
|
<img src="轮播图3.jpg" alt="..." />
|
<div class="carousel-caption">
|
图3
|
</div>
|
</div>
|
<div class="item">
|
<img src="轮播图4.jpg" alt="..." />
|
<div class="carousel-caption">
|
图4
|
</div>
|
</div>
|
<div class="item">
|
<img src="轮播图5.jpg" alt="..." />
|
<div class="carousel-caption">
|
图5
|
</div>
|
</div>
|
轮播图下面的一些介绍
|
</div>
|
|
<!-- Controls -->
|
<!--<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
|
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
<span class="sr-only">前一张</span>
|
</a>
|
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
<span class="sr-only">后一张</span>
|
</a>-->
|
</div>
|
</div>
|
</div>
|
<div role="tabpanel" class="tab-pane fade" id="profile">2</div>
|
<div role="tabpanel" class="tab-pane fade" id="projecttree">
|
<object id="TerraExplorerInformationWindow" classid="CLSID:B23DDF84-B652-4E34-9E57-77B8731199FE" style="width: 100%; height: 800px;"></object>
|
</div>
|
</div>
|
</div>
|
|
<div style="position: absolute; top: 80px; bottom: 0px; left:15%; width: 85%; background-color: black; margin: 0px; border: 0px; margin-top: 3px;">
|
<div id="leftEarthPanel" style="width: 100%; height: 100%;z-index:1000000;">
|
|
<!--<div id="leftEarthTitle" style="width:100%; height:5%;color:white;">2020年</div>-->
|
<object id="TerraExplorer3DWindow" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1" style="top:5%; width: 100%; height:100%; z-index:1000000;"></object>
|
</div>
|
<div id="rightEarthPanel" style="position:absolute;top:0px;left:50%; width: 50%; height: 100%; z-index:10;">
|
<!--<div id="rightEarthTitle" style="width:100%; height:5%;color:white;z-index:10;"></div>-->
|
<object id="TerraExplorer3DWindowEx" classid="CLSID:3a4f9196-65a8-11d5-85c1-0001023952c1" style="top:5%; width: 100%; height:100%; z-index:10;"></object>
|
</div>
|
</div>
|
</body>
|
|
</html>
|
