<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
|
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
|
<META HTTP-EQUIV="expires" CONTENT="0">
|
<title>CUGB DDE 原型系统</title>
|
<link rel="stylesheet" href="../libs/elementUI/index.css">
|
<link href="../libs/layui/css/layui.css" rel="stylesheet">
|
<link href="../assets/css/index.css" rel="stylesheet">
|
<link href="../libs/Cesium1.75/Widgets/widgets.css" rel="stylesheet">
|
|
<link href="../libs/Cesium1.75/dist/cesium-navigation.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="//at.alicdn.com/t/font_2599272_671fgrsk7ev.css">
|
<link rel="stylesheet" href="../assets/css/iconfont.css">
|
|
<script type="text/javascript" src="../libs/jquery/jquery-3.5.1.min.js"></script>
|
|
<script src="../libs/vue/vue.min.js"></script>
|
|
<script src="../libs/elementUI/index.js"></script>
|
|
|
<script type="text/javascript" src="../libs/layui/layui.js"></script>
|
|
<script type="text/javascript" src="../assets/js/config.js"></script>
|
|
<script type="text/javascript" src="../assets/js/indexAI.js"></script>
|
<script type="text/javascript" src="../assets/js/localStorage.js"></script>
|
<script type="text/javascript" src="../assets/utils/ry-ui.js"></script>
|
<script type="text/javascript" src="../assets/js/common.js"></script>
|
<!--引入cesuim Js-->
|
<script src="../libs/Cesium1.75/Cesium.js"></script>
|
<script>
|
Cesium.defineProperties = Object.defineProperties;
|
</script>
|
<script src="../libs/Cesium1.75/dist/CesiumNavigation.umd.js"></script>
|
|
<script src="../libs/Cesiumplus/CesiumHeatmap.js"></script>
|
<script src="../libs/Cesiumplus/CesiumSurvey.js"></script>
|
<script src="../libs/Cesiumplus/CesiumDraw.js"></script>
|
<script src="../libs/Cesiumplus/CesiumODline.js"></script>
|
<script src="../libs/Cesiumplus/CesiumRadarScan.js"></script>
|
<script src="../libs/Cesiumplus/CesiumVisibleLine.js"></script>
|
<!-- <script src="../libs/Cesiumplus/CesiumNavigation.js"></script> -->
|
<script src="../libs/Cesiumplus/CesiumPop.js"></script>
|
<script src="../libs/Cesiumplus/CesiumRadar.js"></script>
|
<script src="../libs/Cesiumplus/CesiumCurvedTrail.js"></script>
|
<script src="../libs/Cesiumplus/CesiumControl.js"></script>
|
<script src="../libs/Cesiumplus/CesiumPOI.js"></script>
|
<script src="../libs/Cesiumplus/CesiumArrow.js"></script>
|
<script src="../libs/Cesiumplus/CesiumRoam.js"></script>
|
<script src="../libs/Cesiumplus/CesiumFloor.js"></script>
|
<script src="../libs/Cesiumplus/CesiumFlood.js"></script>
|
<script src="../libs/Cesiumplus/CesiumMeasure.js"></script>
|
<script src="../libs/Cesiumplus/CesiumViewshed.js"></script>
|
<script src="../libs/Cesiumplus/arrow/plotUtil.js"></script>
|
<link href="../assets/css/popup.css" rel="stylesheet">
|
<script src="../assets/utils/popup.js"></script>
|
<script src="../libs/Cesiumplus/CesuimDataView.js"></script>
|
<!-- <script src="../libs/Cesiumplus/CesiumShpWrite.js"></script> -->
|
<!--加载shp 的插件-->
|
<script src="../libs/CesiumVectorTile/build/CesiumVectorTile.js"></script>
|
|
<script src="../assets/service/PrimitiveWaterFace.js"></script>
|
<script src="../assets/map/map.min.js"></script>
|
<script src="../assets/map/map3D.js"></script>
|
<script src="../assets/map/map3DGltf.js"></script>
|
<script src="../assets/map/map3Dtile.js"></script>
|
|
<script src="../assets/service/controlService.js"></script>
|
<script src="../assets/service/clippingService.js"></script>
|
<script src="../assets/service/envProject.js"></script>
|
<script src="../assets/service/romaService.js"></script>
|
<script src="../assets/service/drawService.js"></script>
|
<script src="../assets/service/floodService.js"></script>
|
<script src="../assets/service/layerService.js"></script>
|
<script src="../assets/service/measureService.js"></script>
|
<script src="../assets/service/sunshineService.js"></script>
|
<script src="../assets/service/viewshedService.js"></script>
|
<script src="../assets/service/visibleService.js"></script>
|
<script src="../assets/service/roomService.js"></script>
|
<script src="../assets/service/sceneToImgService.js"></script>
|
<script src="../assets/service/poiQueryService.js"></script>
|
</head>
|
|
<body style="background-color: black;">
|
<div id="left_bar" class="left-bar"
|
style="left: -320px;height: 100%;width: 320px;margin-left: 0px;top: 0px;z-index: 99999;">
|
<ul class="layui-form" style="width: 320px;">
|
<li class="left-bar-head" style="height: 42px;">
|
<h3 style="float:left;margin-left:80px;">系统设置</h3>
|
<i class="layui-icon layui-icon-left"
|
style="float: right;margin-right:10px; cursor:pointer;font-size: 20px;"
|
onclick="sysConfig(false)"></i>
|
</li>
|
<li class="layui-form-item left-bar-item">
|
<label>点选查询</label>
|
<div class="layui-input-block">
|
<input type="checkbox" checked="" name="MouseLeftPop" lay-skin="switch" lay-filter="switchTest"
|
lay-text="ON|OFF">
|
</div>
|
</li>
|
<li class="layui-form-item left-bar-item">
|
<label>可视距离</label>
|
<div class="layui-input-block">
|
<input type="number" id="visualDistanceInput" class="layui-input" type="text" style="width:150px;background:#20212b;color:white" placeholder="" autocomplete="off" oninput="visualDistanceChange(event)" onporpertychange="visualDistanceChange(event)"/>
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div id="left_bar_shadow" class="layui-layer-shade"
|
style="z-index: 99998;background-color:rgb(0, 0, 0) ;opacity: 0.5;display: none;" onclick="sysConfig(false)">
|
</div>
|
<div class="layui-layout layui-layout-admin">
|
<!--头部-->
|
<div class="layui-header" style="height: 42px;">
|
<!--logo-->
|
<div id="logo" class="logo">
|
<div class="logo-name">
|
<img src="../assets/images/login/logo2.png" style="margin-top: -5px;width: 35px;" />
|
<span>CUGB DDE 原型系统</span>
|
</div>
|
</div>
|
<!--登录入口-->
|
<ul class="layui-nav layui-layout-right" style="height: 42px;">
|
<li class="layui-nav-item layui-hide layui-show-md-inline-block" style="line-height: 42px;">
|
<a href="javascript:;" id="username">
|
<img id="userlogo" src="../assets/images/login/userLogo.jpg" onerror="this.src='../assets/images/login/userLogo.jpg'" class="layui-nav-img">
|
</a>
|
<dl class="layui-nav-child" style="top:45px;">
|
<!-- <dd><a style="color: white;background-color: #2c2e3f;" href="javascript:;">修改密码</a></dd> -->
|
<dd><i class="layui-icon layui-icon-user" style="float: left;margin-left: 30px;"></i><a
|
style="color: white;background-color: #2c2e3f; float: left;"
|
href="javascript:logout();">退出系统</a></dd>
|
</dl>
|
</li>
|
</ul>
|
|
</div>
|
|
<!--左侧栏目-->
|
|
<div id="left" class="left-item">
|
<div title="切换底图" id="baseMap" onclick="baseMap();" class="icon-hover icon-item" style="margin-top: 40px;">
|
<i class="iconfont icon-dituliulan i-item"></i>
|
</div>
|
<div title="剖面全景" id="relatedProj" onclick="relatedProj();" class="icon-hover icon-item">
|
<i class="iconfont icon-lianjie i-item"></i>
|
</div>
|
<div title="综合漫游" id="characterBtn" onclick="roamControl();" class="icon-hover icon-item">
|
<i class="iconfont icon-manyou i-item"></i>
|
</div>
|
<!-- <div title="轨迹定制飞行" id="mediaBtn" onclick="getControl('roma');" class="icon-hover icon-item">
|
<i class="iconfont icon-guiji i-item"></i>
|
</div> -->
|
<div title="地图打印" id="dataBtn" onclick="dataView()" class="icon-hover icon-item">
|
<i class="iconfont icon-shichuang i-item"></i>
|
</div>
|
<div title="shp图层" id="shpBtn" onclick="shpFeature()" class="icon-hover icon-item">
|
<i class="iconfont icon-wangluo i-item"></i>
|
</div>
|
<div title="图层控制" id="searchBtn" onclick="layerAnalysis();" class="icon-hover icon-item">
|
<i class="iconfont icon-tuceng i-item"></i>
|
</div>
|
<div title="绘图" id="drawBtn" onclick="darwPlot();" class="icon-hover icon-item">
|
<i class="iconfont icon-huitu i-item"></i>
|
</div>
|
<div title="空间量算" id="earthBtn" onclick="measureAnalysis();" class="icon-hover icon-item">
|
<i class="iconfont icon-liangsuan i-item"></i>
|
</div>
|
<div title="地形修改" id="earthBtn" onclick="terrainAnalysis();" class="icon-hover icon-item">
|
<i class="iconfont icon-dixingtu i-item"></i>
|
</div>
|
<div title="地形提取" id="earthBtn" onclick="depthExport();" class="icon-hover icon-item">
|
<i class="iconfont icon-tiqushuju i-item"></i>
|
</div>
|
<div title="日照分析" id="earthBtn" onclick="sunshineAnalysis();" class="icon-hover icon-item">
|
<i class="iconfont icon-rizhaofenxi i-item"></i>
|
</div>
|
<div title="通视分析" id="earthBtn" onclick="visibleAnalysis();" class="icon-hover icon-item">
|
<i class="iconfont icon-tongshi i-item"></i>
|
</div>
|
<div title="视域分析" id="earthBtn" onclick="viewshedAnalysis();" class="icon-hover icon-item">
|
<i class="iconfont icon-shiyufenxi i-item"></i>
|
</div>
|
<div title="淹没分析" id="submergenceBtn" onclick="floodAnaysis();" class="icon-hover icon-item">
|
<i class="iconfont icon-yanmeifenxi i-item"></i>
|
</div>
|
<div title="空间影响分析" id="earthBtn" onclick="spatialimpactAnalysis();" class="icon-hover icon-item">
|
<i class="iconfont icon-kongjianyingxiang i-item"></i>
|
</div>
|
<div title="系统设置" id="sysConfig" onclick="sysConfig(true)" class="icon-item-assist"
|
style="position: absolute;bottom:20px;border-top: 1px solid grey;">
|
<i class="layui-icon layui-icon-set i-item-assist"></i>
|
</div>
|
<!-- <div title="帮助中心" id="sysHelp" onclick="sysHelp()" class="icon-item-assist"
|
style="position: absolute;bottom:20px;border-top: 1px solid grey;">
|
<i class="layui-icon layui-icon-tips i-item-assist"></i>
|
</div> -->
|
</div>
|
<!--地球面板-->
|
<div id="medium" class="medium-item" ondrop="drop(event)" ondragover="allowDrop(event)">
|
</div>
|
<!--底部信息-->
|
<div id="footer" class="footer">
|
<div id="footer-content" style="height: 25px;margin-left: 50%;">
|
<div id="footer-lng" class="footer-content-div"></div>
|
<div id="footer-lat" class="footer-content-div"></div>
|
<div id="footer-vheight" class="footer-content-div"></div>
|
<div id="footer-oheight" class="footer-content-div"></div>
|
<div id="footer-pitch" class="footer-content-div"></div>
|
<div id="footer-head" class="footer-content-div"></div>
|
</div>
|
</div>
|
|
|
<div id="map-querybar" class="map-querybar">
|
<input id="txt_querypoi" class="txt_querypoi" type="search" placeholder="搜索 、查询" autocomplete="off">
|
<button id="btn-search" onclick="poisearch();" class="btn-search" type="button"> <i
|
class="layui-icon layui-icon-search" style="font-size: 30px; color: white;"></i> </button>
|
</div>
|
|
</div>
|
|
<!--搜索查询-->
|
<div id="left-bar-search" class="left-bar-search" style="display: none;">
|
<div class="left-bar-search-div">
|
<i class="layui-icon layui-icon-search i-item-search"></i>
|
<input id="search-input" type="text" class="layui-input my-input-search" placeholder="探索项目">
|
<i class="layui-icon layui-icon-left i-item-search" onclick="hideSearch();"></i>
|
</div>
|
<div class="left-bar-search-content" id="left-bar-search-content">
|
|
</div>
|
</div>
|
|
|
<!--搜索查询模板-->
|
<script id="searchpanel" type="text/html">
|
{{# layui.each(d, function(index, item){ }}
|
<div class="item-card" id="{{item.id}}" onclick="getProjectByIdClick({{item.id}})">
|
<div class="item-card-left" >
|
<img src="../assets/images/search/yard-map.png" class="item-card-left-img">
|
</div>
|
<div class="item-card-right">
|
<span class="item-card-right-title">
|
{{# if(item.name.length>16){ }}
|
{{item.name.substring(0,15)}}...
|
{{# } }}
|
{{# if(item.name.length<=16){ }}
|
{{item.name}}
|
{{# } }}
|
</span>
|
<span class="item-card-right-subtitle">经纬度：
|
{{# if(item.longitude==null){ }}
|
暂无位置
|
{{# } }}
|
{{# if(item.longitude!=null){ }}
|
{{item.longitude}} , {{item.latitude}}
|
{{# } }}
|
</span>
|
</div>
|
</div>
|
{{# }); }}
|
{{# if(d.length === 0){ }}
|
无数据
|
{{# } }}
|
</script>
|
<script src="../assets/js/ajax.js"></script>
|
<script>
|
|
//JS
|
layui.use(['element', 'layer', 'util'], function () {
|
var element = layui.element
|
, layer = layui.layer
|
, util = layui.util
|
, $ = layui.$;
|
});
|
$('#txt_querypoi').bind('keypress', function (event) {
|
if (event.keyCode == 13) {
|
poisearch();
|
}
|
});
|
function logout() {
|
window.close();
|
}
|
|
</script>
|
|
<script type="text/javascript">
|
layui.use('form', function () {
|
const form = layui.form;
|
form.render();
|
});
|
</script>
|
|
</body>
|
|
</html>
|
