| | |
| | | "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" |
| | | } |
| | |
| | | "field": "Terrain", |
| | | "checked": false, |
| | | "spread": false, |
| | | "disabled":true, |
| | | "disabled": true, |
| | | "children": [ |
| | | { |
| | | "title": "无地形数据", |
| | |
| | | "title": "30米DEM", |
| | | "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": "无注记图层", |
| | |
| | | "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 |
| | | } |
| | | ] |
| | | } |
| | |
| | | |
| | | }); |
| | | } |
| | | 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 () { |
| | |
| | | <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"> |
| | |
| | | <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> |
| | | <!--登录入口--> |
| | |
| | | <!--左侧栏目--> |
| | | |
| | | <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> |
| | |
| | | border-radius: 6px; |
| | | background-color: #999; |
| | | } |
| | | .layui-tree-btnGroup .layui-icon{ |
| | | |
| | | .layui-tree-btnGroup .layui-icon { |
| | | display: inline-block; |
| | | color:white |
| | | color: white |
| | | } |
| | | </style> |
| | | |
| | |
| | | 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 //是否允许点击节点时弹出新窗口跳转 |
| | |
| | | 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": { |
| | |
| | | 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]; |
| | | } |
| | | |
| | |
| | | }); |
| | | } |
| | | |
| | | } |
| | | 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) { |
| | |
| | | } |
| | | } |
| | | //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({ |
| | |
| | | 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) |
New file |
| | |
| | | <!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> |