<!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.AttachEvent("OnSGWorldMessage", OnSGWorldMessage);
|
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 gQuaryResolution = 1024;
|
var qualityStep = 40;
|
|
function OnSGWorldMessage(MessageID, SourceObjectID) {
|
if (MessageID != null) {
|
if ((MessageID.split('&')[0]).split('=')[1] == "main") {
|
var geometry = (MessageID.split('&')[1]).split('=')[1];
|
var altitudeType = (MessageID.split('&')[2]).split('=')[1];
|
alert(altitudeType);
|
var geometryex = sgworldEx.Creator.GeometryCreator.CreateGeometryFromWKT(geometry);
|
sgworldEx.Creator.CreatePolygon(geometryex, sgworldEx.Creator.CreateColor(255, 255, 255, 1), sgworldEx.Creator.CreateColor(255, 255, 0, 128), 3, getVolumeGroup(), "volumePlane");
|
var elevationBuffer = getElevationBuffer(geometryex, gQuaryResolution);
|
|
calculateVolume(geometryex, qualityStep, "分析结果", elevationBuffer, null, geometryex.Rings(0).Points(0).z);
|
}
|
}
|
}
|
|
//----------
|
// getVolumeGroup
|
function getVolumeGroup() {
|
try {
|
var volumeGroup = sgworldEx.ProjectTree.FindItem("volumeResult");
|
if (volumeGroup == 0)
|
volumeGroup = sgworldEx.ProjectTree.CreateGroup("volumeResult", sgworldEx.ProjectTree.RootID);
|
return volumeGroup;
|
} catch (err) {
|
return sgworldEx.ProjectTree.RootID;
|
}
|
}
|
|
//-------------
|
// calculateVolume
|
var gAreaUnitFactor = 1;
|
var gDistanceUnitFactor = 1;
|
var gTotalVolumeAdded = 0;
|
var gTotalVolumeRemoved = 0;
|
|
function calculateVolume(geometry, qualityStep, ObjName, elevationBuffer0, elevationBuffer1, flatAltitude) {
|
|
|
var polygonGeometry = geometry.Clone(); // to enable edit geometry (ref) when geometry type is RelativeToPivot. Navon.
|
var envelope = polygonGeometry.Envelope; // Multi polygon evnelope (min/max)
|
var MinX = Math.min(envelope.Rings(0).Points(0).x, envelope.Rings(0).Points(2).x);
|
var MaxX = Math.max(envelope.Rings(0).Points(0).x, envelope.Rings(0).Points(2).x);
|
var MinY = Math.min(envelope.Rings(0).Points(0).y, envelope.Rings(0).Points(2).y);
|
var MaxY = Math.max(envelope.Rings(0).Points(0).y, envelope.Rings(0).Points(2).y);
|
|
var stepX = Math.abs(MaxX - MinX) / gQuaryResolution;
|
var stepY = Math.abs(MaxY - MinY) / gQuaryResolution;
|
|
// calculate cell 2D size
|
var cellPos0 = sgworldEx.Creator.CreatePosition(MinX, MaxY, 0, 3, 0, 0, 0, 1);
|
var cellPos1 = sgworldEx.Creator.CreatePosition(MinX, MaxY - stepY, 0, 3, 0, 0, 0, 1);
|
var cellPos2 = sgworldEx.Creator.CreatePosition(MinX + stepX, MaxY, 0, 3, 0, 0, 0, 1);
|
var cellWidth = cellPos0.DistanceTo(cellPos1) * qualityStep;
|
var cellArea = cellPos0.DistanceTo(cellPos1) * cellPos0.DistanceTo(cellPos2) * qualityStep * qualityStep * gAreaUnitFactor;
|
|
|
////var startDate = new Date();
|
//var drawObjects = $("#showObjectsID").is(':checked') ? true : false;
|
//if (drawObjects) {
|
// CreateLayer(cellWidth * 100, ObjName);
|
// var result = featureLayerStyles["ImageLabel"](cellWidth / 40, abspath() + "/img/point.png"); // ,"[Color]");
|
//}
|
//debugger
|
var VolumeAdded = 0;
|
var VolumeRemoved = 0;
|
var MessageBarIndex = 0;
|
var GeoIntersect = [];
|
var x, y;
|
try {
|
for (var i = qualityStep / 2; i < gQuaryResolution - qualityStep; i = i + qualityStep) {
|
// Build line geometry WKT
|
var WKT = "";
|
for (var j = qualityStep / 2; j < gQuaryResolution - qualityStep; j = j + qualityStep) {
|
x = MinX + i * stepX;
|
y = MaxY - j * stepY;
|
WKT += "(" + x + " " + y + "), ";
|
}
|
var fullWKT = "MULTIPOINT (" + WKT.substr(0, WKT.length - 2) + ")";
|
var pointGeometryArry = sgworldEx.Creator.GeometryCreator.CreateGeometryFromWKT(fullWKT); // "MULTIPOINT ((10 40), (40 30), (20 20), (30 10))");
|
var GeoIntersectTmp = polygonGeometry.SpatialOperator.Intersection(pointGeometryArry);
|
var GeoIntersectCount = GeoIntersectTmp.Count;
|
if (GeoIntersectTmp.GeometryType == 0) // single point
|
GeoIntersectCount = 1;
|
else // Multiple Points
|
GeoIntersect = GeoIntersectTmp;
|
|
for (var jj = 0; jj < GeoIntersectCount; jj++) {
|
if (GeoIntersectCount == 1) {
|
x = GeoIntersectTmp.x;
|
y = GeoIntersectTmp.y;
|
} else {
|
x = GeoIntersect(jj).x;
|
y = GeoIntersect(jj).y;
|
}
|
var objColor = "#000000";
|
var volumeType = 0;
|
|
var j = Math.round((MaxY - y) / stepY);
|
var altitude = (elevationBuffer1 != null) ? elevationBuffer1[j * gQuaryResolution + i] : flatAltitude;
|
var elevationDiff = altitude - elevationBuffer0[j * gQuaryResolution + i];
|
var volumeDiff = cellArea * elevationDiff * gDistanceUnitFactor;
|
if (elevationDiff > 0) { // Added
|
volumeType = 1;
|
VolumeAdded += Math.abs(volumeDiff);
|
//alert(VolumeAdded);
|
objColor = 65280; // "#00ff00"; // green
|
} else if (elevationDiff < 0) { // Removed
|
volumeType = 2;
|
VolumeRemoved += Math.abs(volumeDiff);
|
//alert(VolumeRemoved);
|
objColor = 255; // "#ff0000"; // red
|
} else {
|
volumeType = 0;
|
objColor = 0; // "#000000"; // black
|
}
|
//if (drawObjects) { // && i % ObjInterval == 0 && j % ObjInterval == 0) {
|
// var altitude = (elevationBuffer1 != null) ? elevationBuffer1[j * gQuaryResolution + i] : flatAltitude;
|
// var pos = SGWorld.Creator.CreatePosition(x, y, altitude, 3, 0, 0, 0, 1);
|
// gLayer.FeatureGroups.Point.CreateFeature([pos.X, pos.Y, pos.Altitude], volumeType + ";" + cellArea.toFixed(3) + ";" + volumeDiff.toFixed(3) + ";" + objColor);
|
// //SGWorld.Creator.CreateSphere(pos, 2, 0, objColor, objColor, 2, group, "sphere");
|
//}
|
} // for jj
|
//MessageBarIndex++;
|
//if (MessageBarIndex % 10 == 0) {
|
// var progress = (i / gQuaryResolution) * 100;
|
// htmlStr = SGLang.i18n("calculatingVolume") + ObjName + ": " + progress.toFixed(0) + "%";
|
// SGWorld.Window.ShowMessageBarText(htmlStr, 1, -1);
|
//}
|
} // for i
|
|
} catch (err) {
|
alert(err.message);
|
}
|
try {
|
//alert ((new Date() - startDate)/1000);
|
var ksmd = 1; //window.document.getElementById("ksmd").value;
|
//ksmd = validateNumber(ksmd);
|
sgworldEx.Window.HideMessageBarText();
|
var gVolumeResultHTML = "<br/><u>" + ObjName + ":</u><br/>" + "objectVolumeAdded" + "<b>" + VolumeAdded.toFixed(3) + "</b> " + "立方米" + " <br/> " + "objectVolumeRemoved" + "<b>" + VolumeRemoved.toFixed(3) + "</b> " + "立方米" + "<br/>";
|
gVolumeResultHTML = gVolumeResultHTML + "<br/><u>" + ObjName + ":</u><br/>" + "增加重量" + "<b>" + (VolumeAdded.toFixed(3) * ksmd / 10000000).toFixed(3) + "</b> " + "万吨" + " <br/> " + "移除重量" + "<b>" + (VolumeRemoved.toFixed(3) * ksmd / 10000000).toFixed(3) + "</b> " + "万吨" + "<br/>";
|
//gTotalVolumeAdded += VolumeAdded;
|
//gTotalVolumeRemoved += VolumeRemoved;
|
//alert(gVolumeResultHTML);
|
var HTMLString = "<html><head><meta http-equiv=\"X-UA-Compatible\" content=\"IE=9\"/></head><body leftmargin='0' topmargin='0' marginwidth='0' marginheight='0'><object id='SGWorld' classid='CLSID:3a4f9197-65a8-11d5-85c1-0001023952c1' style='display:none'></object>";
|
HTMLString += "<table width='100%' height='100%' cellpadding=4pt cellspacing=0 border=0> <tr height='20pt'>";
|
|
HTMLString += "<td width='50pt'></td></tr><tr><td valign='top' colspan=3><span class='s9'>" + gVolumeResultHTML + "</span></td></tr>";
|
|
HTMLString += "</body></html>";
|
var popupMsg = sgworldEx.Creator.CreatePopupMessage("分析结果", "", 100, 100, 300, 300, -1);
|
popupMsg.Flags = 2 + 32 + 32768;
|
popupMsg.InnerText = HTMLString;
|
sgworldEx.Window.ShowPopup(popupMsg);
|
//if (drawObjects)
|
// gLayer.Save();
|
} catch (e) {
|
alert(e);
|
}
|
return true;
|
}
|
|
//----------------
|
// GetElevationBuffer
|
function getElevationBuffer(geometry, resolution) {
|
|
try {
|
var polygonGeometry = geometry.Clone(); // to enable edit geometry (ref) when geometry type is RelativeToPivot. Navon.
|
var envelope = polygonGeometry.Envelope; // Multi polygon evnelope (min/max)
|
var MinX = Math.min(envelope.Rings(0).Points(0).x, envelope.Rings(0).Points(2).x);
|
var MaxX = Math.max(envelope.Rings(0).Points(0).x, envelope.Rings(0).Points(2).x);
|
var MinY = Math.min(envelope.Rings(0).Points(0).y, envelope.Rings(0).Points(2).y);
|
var MaxY = Math.max(envelope.Rings(0).Points(0).y, envelope.Rings(0).Points(2).y);
|
|
var stepX = Math.abs(MaxX - MinX) / resolution;
|
var stepY = Math.abs(MaxY - MinY) / resolution;
|
|
// For now we call this query several times because of an engine bug!!!
|
var elevatuinBuffer = [];
|
elevatuinBuffer = sgworldEx.Analysis.QueryElevationBuffer(MinX, MaxY, stepX, stepY, resolution, resolution).toArray();
|
elevatuinBuffer = sgworldEx.Analysis.QueryElevationBuffer(MinX, MaxY, stepX, stepY, resolution, resolution).toArray();
|
elevatuinBuffer = sgworldEx.Analysis.QueryElevationBuffer(MinX, MaxY, stepX, stepY, resolution, resolution).toArray();
|
return elevatuinBuffer;
|
} catch (e) {
|
return null;
|
}
|
}
|
|
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");
|
var leftEarthTitle = window.document.getElementById("leftEarthTitle");
|
var rightEarthTitle = window.document.getElementById("rightEarthTitle");
|
|
var TerraExplorer3DWindow = window.document.getElementById("TerraExplorer3DWindow");
|
var TerraExplorer3DWindowEx = window.document.getElementById("TerraExplorer3DWindowEx");
|
|
if (leftEarthPanel.style.width == "100%") {
|
leftEarthPanel.style.width = "50%";
|
rightEarthPanel.style.display = "";
|
|
leftEarthTitle.style.display = "";
|
rightEarthTitle.style.display = "";
|
|
TerraExplorer3DWindow.style.height = TerraExplorer3DWindowEx.style.height = "95%";
|
} else {
|
leftEarthPanel.style.width = "100%";
|
rightEarthPanel.style.display = "none";
|
|
leftEarthTitle.style.display = "none";
|
rightEarthTitle.style.display = "none";
|
|
TerraExplorer3DWindow.style.height = TerraExplorer3DWindowEx.style.height = "100%";
|
}
|
}
|
|
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 bShowSlopeMapQuery = 0;
|
|
function ShowSlopeMapQuery() {
|
try {
|
var sg = CreateSGObj();
|
var ppCation = "坡度查询";
|
pp = sg.Creator.CreatePopupMessage(ppCation, abspath() + "/SlopeMapQuery/SlopeMapQuery.html", 0, 0, 300, 400, -1);
|
var pp = sg.Window.GetPopupByCaption(ppCation);
|
if (bShowSlopeMapQuery == 0) {
|
sg.Window.ShowPopup(pp);
|
bShowSlopeMapQuery = 1;
|
} else {
|
sg.Window.RemovePopup(pp);
|
bShowSlopeMapQuery = 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, 160, -1);
|
pp = sg.Creator.CreatePopupMessage(ppCation, abspath() + "/ImageComparison/SelectYear.html", 0, 0, 480, 80, -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);
|
|
|
}
|
|
function showksDetails() {
|
var obj = window.document.getElementById("ksDetails");
|
obj.style.display = '';
|
}
|
|
function showJCPanel() {
|
var topMenuBtn1 = window.document.getElementById("topMenuBtn1");
|
topMenuBtn1.style.background = "rgba(25,83,189,1)";
|
var topMenuBtn2 = window.document.getElementById("topMenuBtn2");
|
topMenuBtn2.style.background = "rgba(44, 44, 44, 1)";
|
var topMenuBtn3 = window.document.getElementById("topMenuBtn3");
|
topMenuBtn3.style.background = "rgba(44, 44, 44, 1)";
|
|
var ksDetails = window.document.getElementById("ksDetails");
|
ksDetails.style.display = '';
|
var yyDetails = window.document.getElementById("yyDetails");
|
yyDetails.style.display = 'none';
|
var ProjectTreePanel = window.document.getElementById("ProjectTreePanel");
|
ProjectTreePanel.style.display = 'none';
|
|
var pid = sgworld.ProjectTree.FindItem("河北保定易县矿山\\语义");
|
sgworld.ProjectTree.SetVisibility(pid, false);
|
}
|
|
function showYYPanel() {
|
var topMenuBtn1 = window.document.getElementById("topMenuBtn1");
|
topMenuBtn1.style.background = "rgba(44, 44, 44, 1)";
|
var topMenuBtn2 = window.document.getElementById("topMenuBtn2");
|
topMenuBtn2.style.background = "rgba(25,83,189,1)";
|
var topMenuBtn3 = window.document.getElementById("topMenuBtn3");
|
topMenuBtn3.style.background = "rgba(44, 44, 44, 1)";
|
|
var ksDetails = window.document.getElementById("ksDetails");
|
ksDetails.style.display = 'none';
|
var yyDetails = window.document.getElementById("yyDetails");
|
yyDetails.style.display = '';
|
var ProjectTreePanel = window.document.getElementById("ProjectTreePanel");
|
ProjectTreePanel.style.display = 'none';
|
|
var pid = sgworld.ProjectTree.FindItem("河北保定易县矿山\\语义");
|
sgworld.ProjectTree.SetVisibility(pid, true);
|
}
|
|
function showProjectTreePanel() {
|
var topMenuBtn1 = window.document.getElementById("topMenuBtn1");
|
topMenuBtn1.style.background = "rgba(44, 44, 44, 1)";
|
var topMenuBtn2 = window.document.getElementById("topMenuBtn2");
|
topMenuBtn2.style.background = "rgba(44, 44, 44, 1)";
|
var topMenuBtn3 = window.document.getElementById("topMenuBtn3");
|
topMenuBtn3.style.background = "rgba(25,83,189,1)";
|
|
var ksDetails = window.document.getElementById("ksDetails");
|
ksDetails.style.display = 'none';
|
var yyDetails = window.document.getElementById("yyDetails");
|
yyDetails.style.display = 'none';
|
var ProjectTreePanel = window.document.getElementById("ProjectTreePanel");
|
ProjectTreePanel.style.display = '';
|
}
|
|
function flytoks1() {
|
var pid = sgworld.ProjectTree.FindItem("腾辉");
|
if (pid != 0) {
|
var obj = sgworld.ProjectTree.GetObject(pid);
|
sgworld.Navigate.FlyTo(obj, 0);
|
}
|
}
|
|
function flytoks2() {
|
var pid = sgworld.ProjectTree.FindItem("得文");
|
if (pid != 0) {
|
var obj = sgworld.ProjectTree.GetObject(pid);
|
sgworld.Navigate.FlyTo(obj, 0);
|
}
|
}
|
|
function showYYLayers1() {
|
var pid = sgworld.ProjectTree.FindItem("河北保定易县矿山\\语义位置\\得文生活区");
|
if (pid != 0) {
|
var obj = sgworld.ProjectTree.GetObject(pid);
|
sgworld.Navigate.FlyTo(obj, 0);
|
}
|
|
}
|
|
function showYYLayers2() {
|
var pid = sgworld.ProjectTree.FindItem("河北保定易县矿山\\语义位置\\得文生产区");
|
if (pid != 0) {
|
var obj = sgworld.ProjectTree.GetObject(pid);
|
sgworld.Navigate.FlyTo(obj, 0);
|
}
|
}
|
|
function showYYLayers3() {
|
var pid = sgworld.ProjectTree.FindItem("河北保定易县矿山\\语义位置\\得文白云岩Q2S1");
|
if (pid != 0) {
|
var obj = sgworld.ProjectTree.GetObject(pid);
|
sgworld.Navigate.FlyTo(obj, 0);
|
}
|
}
|
|
function showYYLayers4() {
|
var pid = sgworld.ProjectTree.FindItem("河北保定易县矿山\\语义位置\\得文矿体");
|
if (pid != 0) {
|
var obj = sgworld.ProjectTree.GetObject(pid);
|
sgworld.Navigate.FlyTo(obj, 0);
|
}
|
}
|
|
function showHistoryIMGLayer(selectIdName) {
|
var arrValue = document.getElementById(selectIdName).options[document.getElementById(selectIdName).selectedIndex].value;
|
var pid = sgworldEx.ProjectTree.FindItem("河北保定易县矿山\\历史影像");
|
sgworldEx.ProjectTree.SetVisibility(pid, false);
|
var pid2 = sgworldEx.ProjectTree.FindItem("河北保定易县矿山\\模型");
|
sgworldEx.ProjectTree.SetVisibility(pid2, false);
|
var subpid = sgworldEx.ProjectTree.FindItem("河北保定易县矿山\\历史影像\\" + arrValue);
|
if (pid != 0) {
|
sgworldEx.ProjectTree.SetVisibility(subpid, true);
|
}
|
}
|
</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;
|
text-align: center;
|
}
|
|
.toolsbtnimg {
|
width: 32px;
|
height: 32px;
|
}
|
|
.carousel {
|
width: 100%;
|
height: 100%;
|
}
|
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
|
.centerdiv {
|
float: left;
|
width: 50px;
|
border-right: 1px solid white;
|
padding-bottom: 1600px;
|
/*关键*/
|
margin-bottom: -1600px;
|
/*关键*/
|
}
|
</style>
|
</head>
|
|
<body style="margin: 1%; border: 0px;background:rgba(44,44,44,1); overflow:hidden;">
|
<div id="top" style="background:rgba(25,83,189,1);height:120px;">
|
<div style="width:50%;">
|
<img src="images/logo.png" style="width:50%;height:50%;" />
|
</div>
|
<div id="tools" style="position:absolute; left:40%; top:30px;height:120px;width:85%;style=" background:rgba(25,83,189,1); ">
|
<!--工具栏-->
|
<div id="querty " class="toolsbtn " onclick="addTextLabel(); ">
|
<div><img src="images/1.png " class="toolsbtnimg " /></div>
|
<div>标签</div>
|
</div>
|
<div id="querty " class="toolsbtn " onclick="addIMGLabel(); ">
|
<div><img src="images/2.png " class="toolsbtnimg " /></div>
|
<div>图片</div>
|
</div>
|
<div class="toolsbtn ">|</div>
|
<div id="querty " class="toolsbtn " onclick="allclickinformation(); ">
|
<div><img src="images/3.png " class="toolsbtnimg " /></div>
|
<div>查询</div>
|
</div>
|
<div id="querty " class="toolsbtn " onclick="distance3D(); ">
|
<div><img src="images/4.png " class="toolsbtnimg " /></div>
|
<div>距离</div>
|
</div>
|
<div id="querty " class="toolsbtn " onclick="cover3D(); ">
|
<div><img src="images/5.png " class="toolsbtnimg " /></div>
|
<div>区域选择</div>
|
</div>
|
<div class="toolsbtn ">|</div>
|
<div id="querty " class="toolsbtn " onclick="isohypse(); ">
|
<div><img src="images/6.png " class="toolsbtnimg " /></div>
|
<div>等高线图</div>
|
</div>
|
<div id="querty " class="toolsbtn " onclick="ShowSlopeMapQuery(); ">
|
<div><img src="images/7.png " class="toolsbtnimg " /></div>
|
<div>坡度图</div>
|
</div>
|
<div id="querty " class="toolsbtn " onclick="route(); ">
|
<div><img src="images/8.png " class="toolsbtnimg " /></div>
|
<div>最佳路径分析</div>
|
</div>
|
<div id="querty " class="toolsbtn " onclick="ShowProfile() ">
|
<div><img src="images/9.png " class="toolsbtnimg " /></div>
|
<div>地形剖面分析</div>
|
</div>
|
<div id="querty " class="toolsbtn " onclick="ShowVolume() ">
|
<div><img src="images/10.png " class="toolsbtnimg " /></div>
|
<div>资源量分析</div>
|
</div>
|
<div id="querty " class="toolsbtn " onclick="showCross(); ">
|
<div><img src="images/11.png " class="toolsbtnimg " /></div>
|
<div>三维截面分析</div>
|
</div>
|
<div class="toolsbtn ">|</div>
|
<div id="querty " class="toolsbtn " onclick="showTime(); ">
|
<div><img src="images/12.png " class="toolsbtnimg " /></div>
|
<div>时间滑块</div>
|
</div>
|
<div id="querty " class="toolsbtn " onclick="showSun(); ">
|
<div><img src="images/13.png " class="toolsbtnimg " /></div>
|
<div>太阳</div>
|
</div>
|
<div id="querty " class="toolsbtn " onclick="showShadow(); ">
|
<div><img src="images/14.png " class="toolsbtnimg " /></div>
|
<div>阴影</div>
|
</div>
|
<div id="querty " class="toolsbtn " onclick="showIMGCompare(); ">
|
<div><img src="images/15.png " class="toolsbtnimg " /></div>
|
<div>影像对比</div>
|
</div>
|
<div id="querty " class="toolsbtn " onclick="ShowMultiple(); ">
|
<div><img src="images/16.png " class="toolsbtnimg " /></div>
|
<div>分屏对比</div>
|
</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>
|
|
<div id="LeftPanel " class="navbar-inverse " style="position: absolute; top: 120px; width:20%;height:100%; color:white;border:5px;border-color:black; ">
|
<div id="topMenu " style="width:100%; z-index:99;border:0px;padding:0px;color:white;font-size:10pt; ">
|
<div id="topMenuBtn1 " style="display:inline-block;width:32%; padding:10px 20px 10px 20px;border-bottom:2px;background:rgba(25,83,189,1);cursor:pointer; " onclick="showJCPanel(); ">基础信息</div>
|
<div id="topMenuBtn2 " style="display:inline-block;width:32%; padding:10px 20px 10px 20px;border-bottom:2px; cursor:pointer; " onclick="showYYPanel(); ">语义信息</div>
|
<div id="topMenuBtn3 " style="display:inline-block;width:32%; padding:10px 20px 10px 20px;border-bottom:2px; cursor:pointer; " onclick="showProjectTreePanel(); ">工程树</div>
|
</div>
|
<div id="ksList " style="height:20%; ">
|
<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="# " onclick="showksDetails(); flytoks1(); ">腾辉矿业</a>
|
<a class="list-group-item " href="# " onclick="showksDetails(); flytoks2(); ">得文矿业</a>
|
</ul>
|
</div>
|
</div>
|
<div id="ksDetails " style="height:90%; ">
|
<div id="topMenuBtn3 " style="display:inline-block;width:100%; padding:10px 20px 10px 20px;border:5px;background:rgba(25,83,189,1); border-color:black;cursor:pointer; " onclick=" ">详情信息</div>
|
<div style="margin:6%; ">
|
|
<div style="height:100%; ">
|
<iframe id="ksContent " src="ks1.html " style="width:100%; height:510px;border:0px; "></iframe>
|
</div>
|
</div>
|
</div>
|
<div id="yyDetails " style="height:80%;display:none; ">
|
<div id="topMenuBtn3 " style="display:inline-block;width:100%; padding:10px 20px 10px 20px;border:5px;background:rgba(25,83,189,1); border-color:black;cursor:pointer; " onclick=" ">语义信息</div>
|
<div style="margin:10px; ">
|
<div style="margin:10px;display:inline-block; ">
|
<button type="button " class="btn " style="background:rgba(145,205,255,1);color:black; " onclick="showYYLayers1() ">生活区</button>
|
</div>
|
<div style="margin:10px;display:inline-block; ">
|
<button type="button " class="btn " style="background:rgba(211,199,255,1);color:black; " onclick="showYYLayers2() ">生产区</button>
|
</div>
|
<div style="margin:10px;display:inline-block; ">
|
<button type="button " class="btn " style="background:rgba(255,174,108,1);color:black; " onclick="showYYLayers3() ">白云岩Q2S1</button>
|
</div>
|
<div style="margin:10px;display:inline-block; ">
|
<button type="button " class="btn " style="background:rgba(192,255,223,1);color:black; " onclick="showYYLayers4() ">矿体</button>
|
</div>
|
</div>
|
|
</div>
|
<div id="ProjectTreePanel " style="display:none; ">
|
<object id="TerraExplorerInformationWindow " classid="CLSID:B23DDF84-B652-4E34-9E57-77B8731199FE " style="width: 100%; height: 600px; "></object>
|
</div>
|
</div>
|
|
<div style="position: absolute; top: 120px; bottom: 1%; right:1%; left:21%; width: 78%; background-color: black; margin: 0px; border: 0px; ">
|
<div id="leftEarthPanel " style="width: 100%; height: 100%;z-index:1000000;background:rgba(27,55,109,1); border:1px solid rgba(56,56,56,0.48);border-radius:20px; ">
|
<div id="leftEarthTitle " style="width:100%; height:5%;color:white; display:none; ">
|
<div style="display:inline-block;width:5%; "></div>
|
<div style="display:inline-block; width:20%; margin:5px; text-align:center; background:rgba(25,83,185,1);border:1px solid rgba(56,56,56,0.48);border-radius:20px; ">2020年9月16日</div>
|
<div style="display:inline-block;width:30%; "></div>
|
<div style="display:inline-block;margin:5px; width:40%; text-align:center; vertical-align:middle; background:rgba(25,83,185,1); border:1px solid rgba(56,56,56,0.48);border-radius:20px; ">
|
<div style="display:inline-block;margin:5px; ">资源量分析</div>
|
<div style="display:inline-block;margin:5px; ">|</div>
|
<div style="display:inline-block;margin:5px; ">文件</div>
|
<div style="display:inline-block;margin:5px; ">|</div>
|
<div style="display:inline-block;margin:5px; ">对比</div>
|
</div>
|
</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;background:rgba(27,55,109,1); border:1px solid rgba(56,56,56,0.48);border-radius:20px;display: ''; ">
|
<div id="rightEarthTitle " style="width:100%; height:5%;color:white;z-index:10;display:none; ">
|
<div style="display:inline-block;width:5%; "></div>
|
<!--<div style="display:inline-block; width:20%; margin:5px;text-align:center; background:rgba(25,83,185,1);border:1px solid rgba(56,56,56,0.48);border-radius:20px; ">2020年9月16日</div>class="form-control m-b selectpicker " -->
|
<div style="display:inline-block; width:20%; text-align:center; background:rgba(25,83,185,1);border:1px solid rgba(56,56,56,0.48);border-radius:20px; ">
|
<select name="trains " onchange="showHistoryIMGLayer( 'lsyx_select_input') " style="margin-bottom: 0px; width:100%; color:#8E8E8E; " id="lsyx_select_input ">
|
<option value="2018 ">2018</option>
|
<option value="2017 ">2017</option>
|
<option value="2016 ">2016</option>
|
<option value="2015 ">2015</option>
|
<option value="2014 ">2014</option>
|
<option value="2013 ">2013</option>
|
<option value="2008 ">2008</option>
|
</select>
|
</div>
|
<div style="display:inline-block;width:30%; "></div>
|
<div style="display:inline-block; margin:5px; width:40%;text-align:center; vertical-align:middle; background:rgba(25,83,185,1); border:1px solid rgba(56,56,56,0.48);border-radius:20px; ">
|
<div style="display:inline-block;margin:5px; ">资源量分析</div>
|
<div style="display:inline-block;margin:5px; ">|</div>
|
<div style="display:inline-block;margin:5px; ">文件</div>
|
<div style="display:inline-block;margin:5px; ">|</div>
|
<div style="display:inline-block;margin:5px; ">对比</div>
|
</div>
|
</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>
|
