<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<title id="title"></title>
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
|
<script src="../js/paramconfig.js"></script>
|
<script type="text/javascript">
|
remoteToLoadCss('BootStrap4/assets/css/style.css');
|
remoteToLoadJs('BootStrap4/assets/js/modernizr.min.js');
|
remoteToLoadJs('BootStrap4/assets/js/jquery.min.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/jqgrid/jquery.jqGrid.min.js');
|
remoteToLoadJs('terra/Ztree/js/jquery.ztree.core.js');
|
loadLocalJs('../libs/vue.min.js');
|
loadLocalJs('../libs/router.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/layer/layer.js');
|
loadLocalJs('../js/common.js');
|
loadLocalJs('../js/index.js');
|
remoteToLoadJs('BootStrap4/assets/js/tether.min.js');
|
remoteToLoadJs('BootStrap4/assets/js/bootstrap.min.js');
|
remoteToLoadJs('BootStrap4/assets/js/detect.js');
|
remoteToLoadJs('BootStrap4/assets/js/fastclick.js');
|
remoteToLoadJs('BootStrap4/assets/js/waves.js');
|
remoteToLoadJs('BootStrap4/assets/js/jquery.slimscroll.js');
|
remoteToLoadJs('BootStrap4/assets/js/jquery.app.js');
|
</script>
|
|
|
<script type="text/javascript" src="http://18.1.1.231/ICSDK/ICSDK/dist/ThirdParty/jquery-2.0.3.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ICSDK/ICSDK/dist/ICSDK.js"></script>
|
<style>
|
.cesium-viewer-animationContainer {
|
display: none;
|
}
|
|
#cesiumContainer {
|
width: 100%;
|
height: 100%;
|
background-color: #000000;
|
background-size: cover;
|
}
|
|
body {
|
padding-bottom: 41px;
|
/*内容区底部边距，与版权区域高度一致*/
|
height: 2000px;
|
}
|
|
/*左侧菜单隐藏时头部切换按钮样式*/
|
.enlarged#wrapper .topbar .topbar-left .open-left {
|
float: none !important;
|
margin-left: 0px;
|
}
|
|
/*左侧菜单头部标题*/
|
.topbar .topbar-left .logo {
|
font-size: 24px;
|
line-height: 75px;
|
margin-left: 20px;
|
}
|
|
/*右侧头部区域背景颜色*/
|
.navbar-custom {
|
/*background-color: #1E7BB6;*/
|
background-image: url(../image/banner_bg.png);
|
;
|
margin-left: 0px;
|
}
|
|
/*右侧头部区域--右边按钮间隔*/
|
.navbar-nav .nav-item+.nav-item {
|
margin-left: 2rem;
|
}
|
|
.menu_div {
|
width: 100%;
|
min-height: 600px;
|
color: white;
|
float: left;
|
}
|
|
.fa-lg {
|
font-size: 1.0em;
|
line-height: 0.75em;
|
vertical-align: -15%;
|
}
|
|
.mainmenu_div {
|
width: 40%;
|
float: left;
|
padding: 10px;
|
min-height: 100px;
|
color: white;
|
border-radius: 5px;
|
}
|
|
.menuleft_div {
|
width: 25%;
|
float: left;
|
}
|
|
.menuleft_div img {
|
width: 85px;
|
height: 70px;
|
margin-left: 15px
|
}
|
|
.menuleft_div h5 {
|
color: white;
|
margin-bottom: 0.1rem;
|
margin-top: 11px !important;
|
font-size: 1.2rem;
|
width: 101px;
|
text-align: center;
|
margin-left: 10px
|
}
|
|
.menuright_div {
|
width: 75%;
|
float: left;
|
font-size: 16px;
|
}
|
|
#wrapper.enlarged .left.side-menu #sidebar-menu ul.list-unstyled>li:hover>a i {
|
color: #64b0f2;
|
}
|
|
/*alert ykm 2019/01/17*/
|
#sidebar-menu ul li a i {
|
color: #3483ED;
|
font-size: 20px;
|
}
|
|
#sidebar-menu ul ul a,
|
#sidebar-menu>ul>li>a {
|
font-size: 17px;
|
color: #000;
|
}
|
|
.side-menu,
|
.topbar .topbar-left {
|
width: 320px;
|
}
|
|
.side-menu {
|
top: 115px;
|
}
|
|
.content-page {
|
margin-left: 320px;
|
height: 1500px;
|
}
|
|
/*.topbar .topbar-left {*/
|
/*height: 80px;*/
|
/*text-align: left;*/
|
/*}*/
|
|
.button-menu-mobile {
|
padding: 0 25px;
|
line-height: 60px;
|
}
|
|
.topbar-left {
|
height: 60px;
|
}
|
|
.topbar-left a {
|
line-height: 60px;
|
margin-left: 20px;
|
}
|
|
li.nav-item a {
|
line-height: 115px !important;
|
font-size: 16px;
|
}
|
|
.button-menu-mobile:hover {
|
color: #fff;
|
}
|
|
.footer {
|
left: 320px;
|
}
|
|
#sidebar-menu ul li .menu-arrow {
|
font-size: 22px;
|
line-height: 26px;
|
}
|
|
.content-page {
|
margin-top: 115px;
|
}
|
|
.layersControl {
|
width: 100%;
|
height: 100%;
|
border: none;
|
}
|
|
.earth_container {
|
width: 100%;
|
height: 100%;
|
}
|
|
.mainbody {
|
width: 100%;
|
height: 100%;
|
}
|
|
.earth {
|
width: 100%;
|
height: 100%;
|
}
|
|
.lefttopheader {
|
margin-left: 10px;
|
margin-top: 10px;
|
margin-bottom: 10px;
|
}
|
|
#tablecontainer {
|
padding-top: 20px;
|
margin: 0 auto;
|
width: 80%;
|
height: 200px;
|
}
|
|
#metaDataSource {
|
|
width: 100%;
|
height: 200px;
|
z-index: 1;
|
background-color: white;
|
color: white
|
}
|
|
.htb {
|
width: 100px;
|
height
|
}
|
</style>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/MyPlugin/WebServiceAPI6.5.js"></script>
|
<script>
|
var hthost = "http://71.3.110.201/ISServices/WebServices/ZHJCService/H_ZT_Service.asmx";
|
var layctrl = {
|
|
GetKjFwXx: function (type, fwbhjh, label, groupname, tcbh, item) {
|
///如果展示窗口类型为3D、2D 并且加载的是wms、wfs的
|
///空间服务编号集合为空不用请求
|
if (fwbhjh == "") return;
|
WebServiceAPI.ExcuteAjaxNoCacheNoAsync(hthost, "Getkjfwxxb", {
|
kjfwbh: fwbhjh
|
}, function (fuwu) {
|
$.each(fuwu.data, function (keyFw, valueFw) {
|
///调用加载服务的方法
|
try {
|
loadArcgisFw(valueFw);
|
} catch (ex) {
|
console.log(ex.message);
|
|
}
|
});
|
});
|
}
|
}
|
|
|
/**
|
* 加载地图服务
|
*/
|
function loadArcgisFw(valueFw) {
|
debugger;
|
var url = "http://" + valueFw.fwipdz + ":" + valueFw.fwdkh + "/" + valueFw.fwxdlj;
|
var id = url.substr(url.lastIndexOf("/") + 1);
|
if (!isNaN(Number(id))) {
|
var dx = {
|
url: url,
|
layers: id,
|
parameters: {
|
service: 'WMS',
|
format: 'image/png',
|
transparent: true
|
}
|
}
|
var imageProvider = ICSDK.Map3.Creator.createWebMapServerImageLayer("", dx, "0", 1, true, "");
|
} else {
|
var dx = {
|
url: url,
|
enablePickFeatures: false
|
};
|
ICSDK.Map3.Creator.createArcGisImageryLayer("ARCGIS", dx, "0", 1, true, "");
|
}
|
}
|
</script>
|
</head>
|
|
<body class="fixed-left widescreen">
|
<div id="wrapper">
|
<div class="topbar">
|
<!--<div class="topbar-left" style="background-image: url(../image/banner_bg.png);">-->
|
<!--<a href="index.html" class="logo">-->
|
<!--<span style="color:white;"><b>运维监控</b></span>-->
|
<!--</a>-->
|
<!--<button class="button-menu-mobile open-left" style="float:right;font-size: 26px;">-->
|
<!--<i class="zmdi zmdi-menu"></i>-->
|
<!--</button>-->
|
<!--</div>-->
|
<nav class="navbar navbar-custom">
|
<ul class="nav navbar-nav">
|
<li class="nav-item" style="line-height: 64px;margin-left: 25px;">
|
<img src="../image/commontitle.png" onclick="javasctipt:openLiferay();"
|
style="cursor: pointer;">
|
</li>
|
</ul>
|
<ul class="nav navbar-nav pull-right">
|
<li class="nav-item">
|
<a href="javascript:;" style="float:left;color:#fff;line-height:75px;color:white;"
|
class="active">
|
<span id="userImg"></span> 欢迎
|
</a>
|
</li>
|
<li class="nav-item">
|
<a href="javascript:;" onclick="updatePassword()" style="line-height:75px;color:white;">
|
<i class="fa fa-lock"></i> 修改密码
|
</a>
|
</li>
|
<li class="nav-item">
|
<a href="/logout" style="line-height:75px;color:white;">
|
<i class="fa fa-sign-out"></i> 退出系统
|
</a>
|
</li>
|
</ul>
|
</nav>
|
</div>
|
<div class="mainbody">
|
|
<div class="left side-menu" style="background: #ffffff;">
|
<!-- background:#039cfd30，8位在IE下不支持。cai -->
|
<h3 class="lefttopheader">图层控制</h3>
|
<iframe id="H_ZT" class="layersControl" src="./metaTree2.html"></iframe>
|
</div>
|
<div class="content-page">
|
<div class="earth_container">
|
<div id="metaDataSource">
|
<div id="tablecontainer">
|
<table id="sourcetab">
|
<tr>
|
<td>zhang</td>
|
<td>shou</td>
|
<td>operation</td>
|
</tr>
|
<!-- <tr>
|
<td class="htb">图层名称</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>图层编号</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>图层描述</td>
|
<td></td>
|
</tr> -->
|
</table>
|
</div>
|
</div>
|
<style>
|
#sourcetab {
|
width: 100%;
|
height: 100%;
|
}
|
|
tr,
|
td {
|
border: solid 1px gray;
|
min-width: 60px;
|
height: 30px;
|
text-align: center;
|
color: black;
|
|
}
|
|
td {
|
/* line-height: 30px; */
|
|
}
|
|
button {
|
width: 28px;
|
height: 20px;
|
background-color: #2670e1;
|
outline: none;
|
border: none;
|
color: white;
|
margin-left: 4px;
|
}
|
</style>
|
<!-- <iframe id="cesium" class="earth_container" src="./3dearth.html"></iframe> -->
|
<div id="cesiumContainer">
|
</div>
|
<div id="toolbar">
|
</div>
|
<script>
|
$(function () {
|
var oldlayer = [];
|
var option = {
|
url: "http://18.1.1.231/ICSDK/ICSDK/dist/ThirdParty/SmartEarth/Workers/image/earth.jpg"
|
};
|
ICSDK.Map3.init("cesiumContainer", {});
|
//添加AicGis在线影像地图
|
var dx = {
|
url: "http://71.3.251.104:8066/arcgis/rest/services/10011/MapServer",
|
enablePickFeatures: false
|
};
|
ICSDK.Map3.Creator.createArcGisImageryLayer("ARCGIS", dx, "0", 1, true, "");
|
window.grid = new ICSDK.Components.Grid();
|
window.grid.init("grid", {
|
GridUrl: "http://localhost:5940/WebServices/ZHJCService/TestWebService.asmx",
|
GridMe: "GridSel",
|
GridParam: {
|
type: "post",
|
data: {
|
tcbh: GetQueryString("tcbh"),
|
where: ""
|
}
|
},
|
GridHeight: "360px",
|
GridWidth: "560px",
|
|
}, function (data) {
|
if (!window.gridWhere) {
|
|
window.gridWhere = new ICSDK.Components.GridWhere();
|
window.gridWhere.init(window.grid);
|
|
if (window.parent.GetICSDK)
|
window.ICSDK = window.parent.GetICSDK();
|
else if (window.parent.parent.GetICSDK)
|
window.ICSDK = window.parent.parent.GetICSDK();
|
}
|
});
|
|
})
|
|
function add(layer) {
|
var dx = {
|
url: layer,
|
enablePickFeatures: false
|
};
|
ICSDK.Map3.Creator.createArcGisImageryLayer("ARCGIS", dx, "0", 1, true, "");
|
}
|
|
|
function hide(id) {
|
ICSDK.Map3.Project._sgworld.ProjectTree.setVisibility(id, false);
|
}
|
|
function show(id) {
|
ICSDK.Map3.Project._sgworld.ProjectTree.setVisibility(id, true);
|
}
|
window.addEventListener('message', function (e) {
|
console.log(e);
|
var layersmeta = e.data;
|
oldlayer = layersmeta;
|
layersmeta.forEach(element => {
|
console.log(element);
|
layctrl.GetKjFwXx(element.jzcklx, element.fwbhjh, element.label, element
|
.groupname, element.stcbh, null);
|
});
|
})
|
|
var data1 = [{
|
"id": 1,
|
"pId": 2,
|
"name": "zzzz1",
|
"metadaId": 100
|
}, {
|
"id": 3,
|
"pId": 2,
|
"name": "zzzz3",
|
"metadaId": 100
|
}, {
|
"id": 5,
|
"pId": 2,
|
"name": "zzzz5",
|
"metadaId": 100
|
}]
|
data1.map(function (item) {
|
let tem =
|
`<tr><td>${item.id}</td><td>${item.name}</td><td><button>-</button><button>+</button></td></tr>`
|
$('#sourcetab').append(tem)
|
})
|
</script>
|
</div>
|
</div>
|
</div>
|
</body>
|
|
</html>
|
