From ef260dff5d38c36272a2ac97d40db70ab3f8c2cc Mon Sep 17 00:00:00 2001
From: BaoXs <bao_dida@163.com>
Date: 星期六, 14 五月 2022 16:48:16 +0800
Subject: [PATCH] 添加项目点，点击调整。 整理项目超链接
---
view/project/relatedProject.html | 165 ++++++++++++++++++++
assets/images/DDE/S1.png | 0
assets/images/DDE/S19.png | 0
assets/images/DDE/S17.png | 0
assets/images/DDE/S3.png | 0
assets/js/indexAI.js | 27 +++
view/project/layerAnalysis.html | 57 ++++--
assets/images/DDE/S14.png | 0
assets/config/layerMenu.json | 218 +++++++++++++++++++-------
assets/images/DDE/S16.png | 0
assets/images/DDE/S2.png | 0
view/index.html | 9
assets/images/DDE/S6.png | 0
13 files changed, 393 insertions(+), 83 deletions(-)
diff --git a/assets/config/layerMenu.json b/assets/config/layerMenu.json
index c276853..83e9023 100644
--- a/assets/config/layerMenu.json
+++ b/assets/config/layerMenu.json
@@ -5,53 +5,53 @@
"field": "BaseMap",
"checked": false,
"spread": false,
- "disabled":true,
+ "disabled": true,
"children": [
{
"title": "澶╁湴鍥惧奖鍍�",
- "checked":true,
+ "checked": true,
"id": 10,
"field": "BaseMap"
},
{
"title": "澶╁湴鍥剧數瀛�",
- "checked":false,
+ "checked": false,
"id": 12,
"field": "BaseMap"
},
{
"title": "鐧惧害褰卞儚",
- "checked":false,
+ "checked": false,
"id": 14,
"field": "BaseMap"
},
{
"title": "鐧惧害鐢靛瓙",
- "checked":false,
+ "checked": false,
"id": 15,
"field": "BaseMap"
},
{
"title": "楂樺痉褰卞儚",
- "checked":false,
+ "checked": false,
"id": 16,
"field": "BaseMap"
},
{
"title": "楂樺痉鐢靛瓙",
- "checked":false,
+ "checked": false,
"id": 17,
"field": "BaseMap"
},
{
"title": "鑵捐褰卞儚",
- "checked":false,
+ "checked": false,
"id": 18,
"field": "BaseMap"
},
{
"title": "鑵捐鐢靛瓙",
- "checked":false,
+ "checked": false,
"id": 19,
"field": "BaseMap"
}
@@ -63,7 +63,7 @@
"field": "Terrain",
"checked": false,
"spread": false,
- "disabled":true,
+ "disabled": true,
"children": [
{
"title": "鏃犲湴褰㈡暟鎹�",
@@ -75,17 +75,17 @@
"title": "30绫矰EM",
"id": 21,
"checked": true,
- "field": "Terrain"
- }
+ "field": "Terrain"
+ }
]
},
{
- "title":"娉ㄨ鍥惧眰",
- "id":3,
+ "title": "娉ㄨ鍥惧眰",
+ "id": 3,
"field": "Plotting",
"checked": false,
"spread": false,
- "disabled":true,
+ "disabled": true,
"children": [
{
"title": "鏃犳敞璁板浘灞�",
@@ -100,68 +100,166 @@
"field": "Plotting"
}
]
- }
- ,{
- "title":"缁樺埗",
- "id":4,
+ },
+ {
+ "title": "缁樺埗",
+ "id": 4,
"field": "Entity",
"checked": false,
"spread": true,
"children": []
- }
- ,{
- "title":"鍓戦榿鐚効濉�",
- "id":4,
- "field": "cat",
- "checked": false,
+ },
+ {
+ "title": "浜屽彔绯�",
+ "id": 5,
+ "field": "DDE",
+ "checked": true,
"spread": true,
"children": [
- {
- "title": "鍖哄煙鍦拌川姒傚喌",
- "id": 41,
+ { "title": "閲嶅簡婊℃湀涔� PP1",
+ "id": 6,
+ "field": "DDE",
"checked": true,
- "field": "cat"
+ "spread": true,
+ "lon":108.57984,
+ "lat":31.56391,
+ "altitude":3000
+ },
+ { "title": "鏃鸿媿閲戦緳闀� PP2",
+ "id": 6,
+ "field": "DDE",
+ "checked": true,
+ "spread": true,
+ "lon":106.3067,
+ "lat":32.38106,
+ "altitude":2000
},
{
- "title": "璺嚎鍓栭潰鍜岀偣浣�",
- "id": 42,
- "checked": false,
- "field": "cat",
+ "title": "鍓戦榿鐚効濉� PP3",
+ "id": 6,
+ "field": "DDE",
+ "checked": true,
"spread": true,
+ "lon":105.41457,
+ "lat":32.27508,
+ "altitude":2000,
"children": [
{
- "title": "澶ч殕缁� P3d",
- "id": 421,
- "checked": false,
- "field": "cat"
- }, {
- "title": "鍚村鍧粍 P3w",
- "id": 422,
- "checked": false,
- "field": "cat"
- }, {
- "title": "鑼呭彛缁� P2m",
- "id": 423,
- "checked": false,
- "field": "cat"
- }, {
- "title": "鏍栭湠缁� P2q",
- "id": 424,
- "checked": false,
- "field": "cat"
- },{
- "title": "姊佸北缁� P1L",
- "id": 424,
- "checked": false,
- "field": "cat"
+ "title": "鍖哄煙鍦拌川姒傚喌",
+ "id": 41,
+ "checked": true,
+ "field": "DDE",
+ "lon":105.41457,
+ "lat":32.27508,
+ "altitude":2000
+ },
+ {
+ "title": "璺嚎鍓栭潰鍜岀偣浣�",
+ "id": 42,
+ "checked": true,
+ "field": "DDE",
+ "spread": true,
+ "lon":105.41457,
+ "lat":32.27508,
+ "altitude":2000,
+ "children": [
+ {
+ "title": "澶ч殕缁� P3d",
+ "id": 421,
+ "checked": true,
+ "field": "DDE",
+ "lon":105.41783,
+ "lat":32.27347,
+ "altitude":600
+ },
+ {
+ "title": "鍚村鍧粍 P3w",
+ "id": 422,
+ "checked": true,
+ "field": "DDE",
+ "lon":105.41686,
+ "lat":32.27365,
+ "altitude":600
+ },
+ {
+ "title": "鑼呭彛缁� P2m",
+ "id": 423,
+ "checked": true,
+ "field": "DDE",
+ "lon":105.4147,
+ "lat":32.27442,
+ "altitude":600
+ },
+ {
+ "title": "鏍栭湠缁� P2q",
+ "id": 424,
+ "checked": true,
+ "field": "DDE",
+ "lon":105.41378,
+ "lat":32.27504,
+ "altitude":600
+ },
+ {
+ "title": "姊佸北缁� P1L",
+ "id": 424,
+ "checked": true,
+ "field": "DDE",
+ "lon":105.41376,
+ "lat":32.27504,
+ "altitude":600
+ }
+ ]
+ },
+ {
+ "title": "鍓栭潰瑙ｉ噴",
+ "id": 42,
+ "checked": true,
+ "field": "DDE",
+ "lon":105.41457,
+ "lat":32.27508,
+ "altitude":2000
}
]
},
{
- "title": "鍓栭潰瑙ｉ噴",
- "id": 42,
+ "title": "澶╁叏鏉庡瓙鍧� PP4",
+ "id": 6,
+ "field": "DDE",
"checked": true,
- "field": "cat"
+ "spread": true,
+ "lon":102.6667,
+ "lat":30.0222,
+ "altitude":3000
+ },
+ {
+ "title": "灏艰",
+ "id": 6,
+ "field": "DDE",
+ "checked": true,
+ "spread": true,
+ "lon":86.74955,
+ "lat":28.673431,
+ "altitude":3000
+ },
+ {
+ "title": "鐭宠壘灞�",
+ "id": 6,
+ "field": "DDE",
+ "checked": true,
+ "spread": true,
+ "lon":119.9594421,
+ "lat":36.11600494,
+ "altitude":3000
+ },
+ {
+ "title": "瑗跨煶鑹惧北",
+ "id": 6,
+ "field": "DDE",
+ "checked": true,
+ "spread": true,
+ "lon":119.9052734,
+ "lat":36.11427307,
+ "altitude":3000
}
]
}
diff --git a/assets/images/DDE/S1.png b/assets/images/DDE/S1.png
new file mode 100644
index 0000000..f370cff
--- /dev/null
+++ b/assets/images/DDE/S1.png
Binary files differ
diff --git a/assets/images/DDE/S14.png b/assets/images/DDE/S14.png
new file mode 100644
index 0000000..1343f97
--- /dev/null
+++ b/assets/images/DDE/S14.png
Binary files differ
diff --git a/assets/images/DDE/S16.png b/assets/images/DDE/S16.png
new file mode 100644
index 0000000..f806433
--- /dev/null
+++ b/assets/images/DDE/S16.png
Binary files differ
diff --git a/assets/images/DDE/S17.png b/assets/images/DDE/S17.png
new file mode 100644
index 0000000..644be4a
--- /dev/null
+++ b/assets/images/DDE/S17.png
Binary files differ
diff --git a/assets/images/DDE/S19.png b/assets/images/DDE/S19.png
new file mode 100644
index 0000000..48c6250
--- /dev/null
+++ b/assets/images/DDE/S19.png
Binary files differ
diff --git a/assets/images/DDE/S2.png b/assets/images/DDE/S2.png
new file mode 100644
index 0000000..b7cf892
--- /dev/null
+++ b/assets/images/DDE/S2.png
Binary files differ
diff --git a/assets/images/DDE/S3.png b/assets/images/DDE/S3.png
new file mode 100644
index 0000000..cf48bff
--- /dev/null
+++ b/assets/images/DDE/S3.png
Binary files differ
diff --git a/assets/images/DDE/S6.png b/assets/images/DDE/S6.png
new file mode 100644
index 0000000..996b460
--- /dev/null
+++ b/assets/images/DDE/S6.png
Binary files differ
diff --git a/assets/js/indexAI.js b/assets/js/indexAI.js
index 2b4881c..7e22625 100644
--- a/assets/js/indexAI.js
+++ b/assets/js/indexAI.js
@@ -38,6 +38,33 @@
});
}
+function relatedProj() {
+ layui.use(['element', 'layer', 'form', 'upload', 'tree', 'util'], function () {
+ var layer = layui.layer;
+ layer.config({
+ extend: 'myskin/style.css' //鍚屾牱闇�瑕佸厛鍔犺浇鏂扮毊鑲�
+ });
+ layer.closeAll();//棣栧厛鍏抽棴鎵�鏈夌殑寮圭獥
+ layer.open({
+ type: 2,
+ title: '<i class="iconfont icon-dituliulan i-item" style="font-size: 18px; color: white;"></i> ' + " 鍏宠仈椤圭洰",
+ maxmin: true,
+ skin: 'layer-ext-myskin',
+ shade: 0,
+ maxmin: false,
+ scrollbar: false,
+ shadeClose: true, //鐐瑰嚮閬僵鍏抽棴灞�
+ area: ['356px', '280px'],
+ offset: [layerPageStyle.offsetX, layerPageStyle.offsetY],
+ resize: false,
+ content: 'project/relatedProject.html',
+ success: function (layero, index) {
+
+ }
+ });
+
+ });
+}
//缁樺埗鍥惧舰
function darwPlot() {
layui.use(['element', 'layer', 'form', 'upload', 'tree', 'util'], function () {
diff --git a/view/index.html b/view/index.html
index 2caf12b..45260cc 100644
--- a/view/index.html
+++ b/view/index.html
@@ -7,7 +7,7 @@
<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>
+ <title>CUGB DDE 鍘熷瀷绯荤粺</title>
<link href="../libs/layui/css/layui.css" rel="stylesheet">
<link href="../assets/css/index.css" rel="stylesheet">
@@ -111,7 +111,7 @@
<div id="logo" class="logo">
<div class="logo-name">
<!-- <img src="../assets/images/login/logo.png" style="margin-top: -5px;width: 56px;" /> -->
- <span>CUGB DDE 绯荤粺</span>
+ <span>CUGB DDE 鍘熷瀷绯荤粺</span>
</div>
</div>
<!--鐧诲綍鍏ュ彛-->
@@ -134,9 +134,12 @@
<!--宸︿晶鏍忕洰-->
<div id="left" class="left-item">
- <div title="鍒囨崲搴曞浘" id="baseMap" onclick="baseMap();" class="icon-hover icon-item" style="margin-top: 80px;">
+ <div title="鍒囨崲搴曞浘" id="baseMap" onclick="baseMap();" class="icon-hover icon-item" style="margin-top: 60px;">
<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>
diff --git a/view/project/layerAnalysis.html b/view/project/layerAnalysis.html
index e73dad7..1d3716f 100644
--- a/view/project/layerAnalysis.html
+++ b/view/project/layerAnalysis.html
@@ -56,9 +56,10 @@
border-radius: 6px;
background-color: #999;
}
- .layui-tree-btnGroup .layui-icon{
+
+ .layui-tree-btnGroup .layui-icon {
display: inline-block;
- color:white
+ color: white
}
</style>
@@ -68,10 +69,10 @@
layui.use(['tree'], function () {
var tree = layui.tree
isloading = true;
- var modelTree=tree.render({
+ var modelTree = tree.render({
elem: '#model-tree-list'
, data: layerMenu
- , edit:["del"]
+ , edit: ["del"]
, showCheckbox: true //鏄惁鏄剧ず澶嶉�夋
, id: 'model-tree-list'
, isJump: false //鏄惁鍏佽鐐瑰嚮鑺傜偣鏃跺脊鍑烘柊绐楀彛璺宠浆
@@ -91,7 +92,7 @@
var data = obj.data.ext; //鑾峰彇褰撳墠鐐瑰嚮鐨勮妭鐐规暟鎹�
var viewer = parent.viewer;
var Cesium = parent.Cesium;
- if (type != 'BaseMap' && type != 'Terrain' && type != 'Plotting') {
+ if (type != 'BaseMap' && type != 'Terrain' && type != 'Plotting' && type != 'DDE') {
var model = undefined;
switch (obj.data.field) {
case "Primitive": {
@@ -117,12 +118,12 @@
let shpArray = JSON.parse(path);
var shpPromises = [];
for (let i = 0; i < shpArray.length; i++) {
- shpPromises.push( Cesium.loadBlob(parent.httpConfig.nginxUrl + shpArray[i]));
- }
-
+ shpPromises.push(Cesium.loadBlob(parent.httpConfig.nginxUrl + shpArray[i]));
+ }
+
var layer = null;
parent.Cesium.when.all(shpPromises, function (files) {
- for(let i=0;i<shpArray.length;i++){
+ for (let i = 0; i < shpArray.length; i++) {
files[i].name = shpArray[i];
}
@@ -183,6 +184,22 @@
});
}
+ }
+ else if (type == 'DDE') {
+ var lon, lat, alt;
+ lon = obj.data.lon;
+ lat = obj.data.lat;
+ alt = obj.data.altitude;
+ console.log(lon,lat,alt);
+ let flyPromise = viewer.camera.flyTo({
+ duration: 3,
+ destination: Cesium.Cartesian3.fromDegrees(Number(lon), Number(lat), alt),
+ orientation: {
+ heading: Cesium.Math.toRadians(0), //缁曞瀭鐩翠簬鍦板績鐨勮酱鏃嬭浆
+ pitch: Cesium.Math.toRadians(-90), //缁曠含搴︾嚎鏃嬭浆
+ roll: Cesium.Math.toRadians(0) //缁曠粡搴︾嚎鏃嬭浆
+ },
+ });
}
}
, oncheck: function (obj) {
@@ -319,17 +336,17 @@
}
}
//zzf:闅愯棌闄ょ粯鍥捐彍鍗曚互澶栫殑鍒犻櫎鎸夐挳
- $(modelTree.config.elem[0].children[0].childNodes).each(function(){
- let parentDiv=$(this)[0].childNodes[0];
- $(parentDiv).find("div .layui-icon-delete").remove();
- if($(this)[0].dataset.id!="4"){
- let childrenDiv=$(this)[0].childNodes[1];
- $(childrenDiv).find("div .layui-icon-delete").remove();
+ $(modelTree.config.elem[0].children[0].childNodes).each(function () {
+ let parentDiv = $(this)[0].childNodes[0];
+ $(parentDiv).find("div .layui-icon-delete").remove();
+ if ($(this)[0].dataset.id != "4") {
+ let childrenDiv = $(this)[0].childNodes[1];
+ $(childrenDiv).find("div .layui-icon-delete").remove();
}
})
- function delDrawEntity(modelId){
- let updateData= {
- "ids":modelId,
+ function delDrawEntity(modelId) {
+ let updateData = {
+ "ids": modelId,
}
let token = window.localStorage.getItem("token");
$.ajax({
@@ -338,8 +355,8 @@
url: parent.httpConfig.webApiUrl + "landstamp/front/removeDrawEntity",
data: updateData,
contentType: "application/x-www-form-urlencoded",
- beforeSend:function(request){
- request.setRequestHeader("token",token);
+ beforeSend: function (request) {
+ request.setRequestHeader("token", token);
},
success: function (data) {
console.log(data)
diff --git a/view/project/relatedProject.html b/view/project/relatedProject.html
new file mode 100644
index 0000000..11bd53a
--- /dev/null
+++ b/view/project/relatedProject.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="UTF-8">
+ <title>鐩稿叧椤圭洰</title>
+ <style>
+ .toolsbar-mappic {
+ overflow-x: hidden;
+ overflow-y: auto;
+ padding: 0;
+ }
+
+ .toolsbar-mappic ul li {
+ display: inline-block;
+ width: 64px;
+ list-style-type: none;
+ margin: 5px;
+ text-align: center;
+ cursor: pointer;
+ /* font-size: 12px; */
+ color: #fff;
+ }
+
+ .mt-row {
+ height: 30px;
+ margin-top: 10px;
+ }
+
+ .mt-label {
+ height: 30px;
+ color: white;
+ width: 65px;
+ float: left;
+ margin-left: 30px;
+ line-height: 30px;
+ font-size: 12px;
+ }
+
+ .mt-content {
+ height: 30px;
+ color: white;
+ width: 230px;
+ float: left;
+ /* margin-left: 10px; */
+ }
+
+ .mapImg {
+ border-radius: 10px;
+ height: 64px;
+ width: 64px;
+ }
+
+ .mapImg:hover {
+ box-shadow: 0 0 8px #fff, 0 0 8px #fff;
+ }
+
+ .layui-slider-bar {
+ background: #2183cc !important;
+ }
+
+ .layui-slider-wrap-btn {
+ border: 2px solid #2183cc !important;
+ }
+ </style>
+ <link href="../../libs/layui/css/layui.css" rel="stylesheet">
+ <script type="text/javascript" src="../../libs/jquery/jquery-3.5.1.min.js"></script>
+ <script type="text/javascript" src="../../libs/layui/layui.js"></script>
+ <script>
+ layui.use(['element', 'layer', 'form', 'slider'], function () {
+ var element = layui.element;
+ var form = layui.form;
+ // var $ = layui.$
+ // , slider = layui.slider;
+ // slider.render({
+ // elem: '#alpha'
+ // , min: 0 //鏈�灏忓��
+ // , max: 100 //鏈�澶у��
+ // , value:parent.viewer.scene.globe.baseColor.alpha*100
+ // , input: false //杈撳叆妗�
+ // , change: function(value){
+ // let a = Number(value)/100.00;
+ // parent.changeBaseLayerAlpha(a);
+ // }
+ // });
+
+ // //鐩戝惉鎶樺彔
+ // element.on('collapse(test)', function (data) {
+
+ // });
+ });
+ </script>
+</head>
+
+<body>
+ <div class="toolsbar-mappic">
+ <ul id="basemaps" style="margin-left: 20px;margin-top: 10px;">
+ <li class="hover">
+ <a href="http://dde.alixhome.cn:81/files/geological%20section/6output/index.html" target="_blank">
+ <div>
+ <img class="mapImg" src="../../assets/images/DDE/S1.png">
+ </div>
+ <div> S1 涓婃壃瀛愯タ鍖楃紭</div>
+ </a>
+ </li>
+ <li class="hover">
+ <a href="http://dde.alixhome.cn:81/files/pano/6output/index.html" target="_blank">
+ <div>
+ <img class="mapImg" src="../../assets/images/DDE/S2.png">
+ </div>
+ <div> S2 澶╂触钃熷幙</div>
+ </a>
+ </li>
+ <li class="hover">
+
+ <div>
+ <img class="mapImg" src="../../assets/images/DDE/S3.png">
+ </div>
+ <div> S3 鍖椾含涓嬭媷鐢�</div>
+ </li>
+ <li class="hover">
+
+ <div>
+ <img class="mapImg" src="../../assets/images/DDE/S6.png">
+ </div>
+ <div> S6 涓婃壃瀛愯タ鍗楃紭</div>
+ </li>
+ <li class="hover">
+
+ <div>
+ <img class="mapImg" src="../../assets/images/DDE/S14.png">
+ </div>
+ <div> S14 榛勫湡楂樺師</div>
+ </li>
+ <li class="hover">
+
+ <div>
+ <img class="mapImg" src="../../assets/images/DDE/S16.png">
+ </div>
+ <div> S16 娌冲寳婊﹀钩</div>
+ </li>
+ <li class="hover">
+ <div>
+ <img class="mapImg" src="../../assets/images/DDE/S17.png">
+ </div>
+ <div> S17 宸濅笢鍗�</div>
+ </li>
+ <li class="hover">
+
+ <div>
+ <img class="mapImg" src="../../assets/images/DDE/S19.png">
+ </div>
+ <div> S19 瑗胯棌闆呴瞾钘忓竷</div>
+ </li>
+ </ul>
+ </div>
+ <!--鏄惁鏄剧ず鍦板舰-->
+ <script>
+
+ </script>
+
+
+</body>
+
+</html>
\ No newline at end of file
--
Gitblit v1.9.1