index.html
@@ -4,7 +4,7 @@ <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>ä¸ç»´é¢è°±å°å¾</title> <title>èåZZTXåZHXXç³»ç»</title> <link rel="stylesheet" href="./static/SmartEarthSDK/Workers/css/smartearth.css"> <style> .el-menu { src/assets/image/subject/itemBg.png
Binary files differ
src/components/props/militaryVIdeo.vue
¶Ô±ÈÐÂÎļþ @@ -0,0 +1,238 @@ <template> <div class="container" v-if="ishowtuli" id="moved2" @mousedown="moved"> <div class="top"> <span style="font-weight: bold">éä¿¡é¾è·¯</span> <span class="close" @click="showtuli">X</span> </div> <div class="boxMenu"> <div class="menu"> <video :src="url" autoplay style="width: 90%; height:100%;margin-left:5%;margin-top:2%;"></video> </div> <!-- <div class="menu"> <p>ä¸ç»´æ ç»</p> <div> <div v-for="(item,index) in Option1" :key="index"> </div> </div> </div> --> </div> </div> </template> <script> import bus from "../../utils/bus"; import { juhe } from "../../utils/work"; export default { data () { return { value: false, value1: true, value2: false, ishowtuli: false, scale: 2.13, tileCoordinates: true, url: require("../../assets/video/éä¿¡é¾è·¯.mp4") } }, methods: { moved (event) { var drag=document.getElementById("moved2"); // //ç¹å»æç©ä½æ¶ï¼ç¨drag对象å³å¯ï¼moveåupæ¯å ¨å±åºåï¼ // ä¹å°±æ¯æ´ä¸ªææ¡£éç¨ï¼åºè¯¥ä½¿ç¨document对象èä¸æ¯drag对象(å¦åï¼éç¨drag对象æ¶ç©ä½åªè½å¾å³æ¹æä¸æ¹ç§»å¨) var event=event||window.event; //å ¼å®¹IEæµè§å¨ // é¼ æ ç¹å»ç©ä½é£ä¸å»ç¸å¯¹äºç©ä½å·¦ä¾§è¾¹æ¡çè·ç¦»=ç¹å»æ¶çä½ç½®ç¸å¯¹äºæµè§å¨æ左边çè·ç¦»-ç©ä½å·¦è¾¹æ¡ç¸å¯¹äºæµè§å¨æ左边çè·ç¦» var diffX=event.clientX*this.scale-drag.offsetLeft; var diffY=event.clientY*this.scale-drag.offsetTop; document.onmousemove=(event) => { var event=event||window.event; var moveX=event.clientX*this.scale-diffX; var moveY=event.clientY*this.scale-diffY; if(moveX<0) { moveX=0; } else if(moveX>2304*this.scale-drag.offsetWidth) { moveX=2304*this.scale-drag.offsetWidth; } if(moveY<0) { moveY=0; } else if(moveY>4096*this.scale-drag.offsetHeight) { moveY=4096*this.scale-drag.offsetHeight; } drag.style.left=moveX+"px"; drag.style.top=moveY+"px"; }; document.onmouseup=function(event) { document.onmousemove=null; document.onmouseup=null; }; }, //è¾¹æ¡çæ¾ç¤ºéè showtuli () { this.ishowtuli=false; //æ¸ é¤ç³»ç»å°ç«ï¼çæµç«ï¼gb }, setMenuClick (res) { if(res.type=='1') { window.sgworld.tileCoordinates=!window.sgworld.tileCoordinates; } else if(res.type=='2') { window.sgworld.wireframe=!window.sgworld.wireframe; } } }, mounted () { bus.$on("clearMilitaryPlot",(e) => { this.ishowtuli=false this.showtuli() }); bus.$on("ishowPlayMp4",(e) => { if(this.ishowtuli) { this.ishowtuli=false this.showtuli() } else { this.ishowtuli=true } }); }, watch: { value (e) { if(e) { if(document.getElementsByClassName("tableContain")[0]) { document.getElementsByClassName("tableContain")[0].style.display= "none"; } } }, value1 (e) { if(e) { this.showbuild() if(document.getElementsByClassName("tableContain")[0]) { document.getElementsByClassName("tableContain")[0].style.display= "none"; } } else { mode1.deleteObject() mode1=null } }, }, }; </script> <style scoped> .top { width: 90%; height: 10%; margin: 0 auto; border-bottom: 2px solid #fff; color: #fff; } .top > span { display: inline-block; margin: 10px 20px; font-size: 40px; letter-spacing: 5px; font-weight: 300; line-height: 80px; margin-left: 40px; } .container { width: 1500px; height: 1000px; position: absolute; left: 50%; top: 1000px; transform: translate(-50%, -50%); z-index: 50; background: url(~@/assets/image/test/åè§ç©å½¢.png) no-repeat; background-position: center; background-size: 100% 100%; cursor: move; } .boxMenu { width: 100%; height: 70%; /* font-weight: bold; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; justify-content: center; -ms-flex-pack: distribute; align-items: center; */ } .menuTitle { font-size: 36px; color: white; margin: 10px 40px; } .menuItem { margin: 20px 10px; /* background: #409eff !important; */ } .menuItem button { width: 200px; } .menuItem :hover { /* color: #409eff !important; */ /* background: #409eff !important; */ } .menuContent { /* display: flex; */ cursor: pointer; display: grid; grid-template-columns: auto auto auto; text-align: center; font-size: 32px; color: white; margin: 10px 40px; } .box .menu { width: 100%; height: auto; } .box >>> .el-switch__core { width: 140px !important; height: 50px; margin-left: 30px; border-radius: 28px; } .box >>> .el-switch__core:after { width: 48px; height: 48px; margin-left: 0px; top: 0px; } .box >>> .el-switch.is-checked .el-switch__core::after { margin-left: -50px !important; } .box > div { width: 70%; height: 70px; font-size: 40px; line-height: 70px; margin-top: 20px; color: #fff; display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: center; } .close { position: absolute; right: 100px; top: 0px; cursor: pointer; } /* .container>div{ width: 100%; height: 20%; border: 1px solid #000; } */ </style> src/components/props/situationComparison7-1 copy.vue
¶Ô±ÈÐÂÎļþ @@ -0,0 +1,2313 @@ <template> <div class="bot" v-if="showsituation"> <div class="top1"> <span class="botcon"> <span class="icon"></span> <span class="text">èµæºç®å½</span> </span> <span class="close" @click="close">x</span> </div> <div class="next"> <div class="layerTreeContainer"> <div class="layerTree"> <el-tree :data="treeData" node-key="id" ref="tree" :default-checked-keys="arr" show-checkbox :render-content="renderContent" :default-expanded-keys="defaultExpanded" @node-click="setNodeClick" @check="check"> </el-tree> </div> </div> </div> </div> <!-- <div class="bot" v-if="showsituation"> <div class="top1"> <span class="botcon"> <span class="icon"></span> <span class="text">èµæºç®å½</span> </span> <span class="close" @click="close">x</span> </div> </div> --> </template> <script> import { createPic,freqBandAnalysis,showCQ } from "../../api/http"; import changePic from "../common/color.vue"; import bus from "../../utils/bus"; import axios from "axios"; import common from "@/components/common"; let projectTreeData=[]; //æ·»å å·¥ç¨æ æ°æ® function addTreeData (data,layer) { var d={}; for(var key in data) { d[key]=data[key]; } d.item=layer; projectTreeData.push(d); } //éè¿idè·åæå®å ç´ function _getTreeData (id) { for(var i=0;i<projectTreeData.length;i++) { if( projectTreeData[i].id===id|| (projectTreeData[i].datatype==="entity"&& projectTreeData[i].item&& projectTreeData[i].item.entity&& projectTreeData[i].item.entity.id===id)|| (projectTreeData[i].datatype==="editEntity"&& projectTreeData[i].item&& projectTreeData[i].item[projectTreeData[i].type]&& projectTreeData[i].item[projectTreeData[i].type].id===id) ) { return projectTreeData[i]; } } } //转æ¢sgé¢è² function getSGColor (color) { let _color=parseInt(color).toString(16); if(_color.length===2) { _color="0000"+_color; } else if(_color.length===4) { _color="00"+_color; } _color="#"+_color.slice(4)+_color.slice(2,4)+_color.slice(0,2); return _color; } //解æXML function getXMLData (xml,isColor) { let xml2json=$.xml2json($.parseXML(xml)); let data={ value: undefined, defaultValue: isColor ? getSGColor(xml2json.DefaultValue) :xml2json.DefaultValue, }; if(xml2json&&!xml2json.Class.length) { data.value=xml2json.Class.Value; } else if(xml2json&&xml2json.Class.length) { let Value={ Condition: undefined, Value: {}, }; xml2json.Class.forEach((item) => { let condition=item.Condition.replace(/\"/g,""); let eli=condition.replace("<","").replace(">","").split("="); if(!Value.Condition) { eli[0]=eli[0].replace("[","").replace("]",""); Value.Condition=eli[0]; } Value.Value[eli[1]]=isColor? getSGColor(item.Value):item.Value; }); data.value=Value; } return data; } // æ ¹æ®æ ·å¼æ件 è½¬ä¸ºæ ·å¼ function GetStyleByStyleJson (json) { if(json instanceof Array) { json=json[0]; } let entity={ label: {},billboard: {} }; //åä½é¢è² if(json.TextColor.indexOf("Classification")>-1) { entity.label.fillColor=getXMLData(json.TextColor,true); } else { entity.label.fillColor=getSGColor(json.TextColor); } //åä½å¤§å° if(json.TextSize.indexOf&&json.TextSize.indexOf("Classification")>-1) { json.TextSize=getXMLData(json.TextSize); json.TextSize.defaultValue= Math.abs(parseInt(json.TextSize.defaultValue))+"px "+json.Font; for(let key in json.TextSize.value.Value) { json.TextSize.value.Value[key]= Math.abs(parseInt(json.TextSize.value.Value[key]))+"px "+json.Font; } entity.label.font=json.TextSize; } else { entity.label.font=json.TextSize+"px "+json.Font; } //åä½é£æ ¼ // if (json.Font.indexOf("Classification") > -1) { // json.Font = getXMLData(json.Font); // entity.label.fontFamily = json.Font; // } // entity.label.sacle = json.Scale; entity.label.showBackground=!!parseInt(json.BackgroundOpacity); if(entity.label.showBackground) { if(json.BackgroundColor.indexOf("Classification")>-1) { entity.label.backgroundColor=getXMLData(json.BackgroundColor,true); } else { entity.label.backgroundColor=getSGColor(json.BackgroundColor); } } entity.near=json.MinVisibilityDistance; entity.far=json.MaxVisibilityDistance; if(json.Text&&json.Text.indexOf("Classification")>-1) { entity.label.text=getXMLData(json.Text); } else { entity.label.text=json.Text; } if(json.Imagefile&&json.Imagefile.indexOf("Classification")>-1) { entity.billboard.image=getXMLData(json.Imagefile); } else { entity.billboard.image=json.Imagefile; } if(entity.billboard.image&&entity.label.text) { entity.imageData={ horizontalOrigin: Cesium.HorizontalOrigin.RIGHT, }; entity.labelData={ horizontalOrigin: Cesium.HorizontalOrigin.LEFT, }; } return entity; } //è·åç¢éåç注记ç¹æ ·å¼ async function getVectorStyleFromSG (treeNode,json) { let de; await axios.get(json).then((res) => { let entitystyle=GetStyleByStyleJson(res.data); de={ id: treeNode.id, level_min: defaultValue(treeNode.minimumLevel,10), level_max: defaultValue(treeNode.maximumLevel,22), fillColor: defaultValue(entitystyle.label.fillColor,"#ffffff"), outlineColor: defaultValue(entitystyle.label.outlineColor,"#ffffff"), backgroundColor: defaultValue( entitystyle.label.backgroundColor, "#ffffff" ), heightReference: defaultValue(treeNode.heightReference,1), pointHeight: defaultValue(treeNode.pointHeight,undefined), showBackground: defaultValue(entitystyle.label.showBackground,false), outlineWidth: defaultValue(entitystyle.label.outlineWidth,1), text: entitystyle.label.text, image: entitystyle.billboard.image, font: entitystyle.label.font, near: entitystyle.near, far: entitystyle.far, disableDepthTestDistance: Number.POSITIVE_INFINITY, scale: entitystyle.label.scale, labelData: entitystyle.labelData, imageData: entitystyle.imageData, }; }); return de; } function defaultValue (a,b) { return a!==undefined? a:b; } let hander,divPoint3; let Base64=require("js-base64").Base64; export default { components: { changePic, }, data () { return { alldisabled: [], defaultExpanded: [], arr: [], //ç¨æ¥ä¿åèµæºç®å½ä¸é»è®¤éä¸çèç¹id SmartEarthToken: undefined, treeData: [], defaultCheck: [], form: { points: "", startTime: new Date("2016-06-01"), endTime: new Date("2016-06-30"), radio: "è°é¢å¹¿æ", freqStart: "87", freqEnd: "108", analysisType: "é¢ç¹", }, nowfile: "", showsituation: false, imageid: null, showpic: false, pickerOptions: {}, chooseplase: "", options: [], regions: [], radios: [], colorContainer: {}, innerbac: { width: "30%", height: "70%", border: "1px solid #000", transform: "translate(40px,90px)", backgroundImage: "url("+require("@/assets/image/botbtn/color.png")+")", backgroundPosition: "center", backgroundSize: ` 100% 100%`, }, showdata1: true, showdata2: true, showDianci: false, }; }, mounted () { window.ProjectTree=this.$refs.tree; //è·åtoken并请æ±å è½½å¾å±æ°æ® this.SmartEarthToken=common.smartearthtoken; this.$nextTick(() => { bus.$on("clearEve",(e) => { this.reset(); }); bus.$on("radioData",(e) => { this.radios=e; }); bus.$on("guanzhou",(e) => { this.form.startTime=e.fromdate; this.form.endTime=e.todate; }); bus.$on("areaData",(e) => { this.regions=e; }); bus.$on("showdio",(e) => { this.showsituation=e=="7-1"; this.showdata1=true; this.showdata2=true; }); axios.get("./static/layers.json").then( (response) => { console.log(response); // // å¾å°é»è®¤éä¸çæ°æ®çid this.parseJson(response.data.children); // //åºæ¯é ç½® this.treeData=response.data&&response.data.children; this.setDefaultCheck(response.data); }, (response) => { console.log("è·ååºæ¯é 置失败ï¼"); } ); }); }, methods: { // yhadd closeJm () { this.$parent.$parent.$parent.isShowResMenu=false; }, // éå½éåjsonï¼å¾å°checked:trueçæ°æ®çidï¼æ·»å å°arrä¸ parseJson (jsonObj) { // 声æåécountï¼è®°å½disabledåå¨çèç¹çå ¨é¨æ°æ® var count=0; for(var v in jsonObj) { var element=jsonObj[v]; if(element.expanded) { this.defaultExpanded.push(element.id); } if(element.children==undefined||element.children.length==0) { if(element._children==undefined||element._children.length==0) { if(element.checked) { this.arr.push(element.id); } if(element.urls==undefined||element.urls=="") { element.disabled=true; count++; } } else { this.parseJson(element._children); } } else { this.parseJson(element.children); } } if(count!==0) { // æ·»å å«ædisabledå±æ§çèç¹æ°ç»ï¼ this.alldisabled.push(jsonObj); } }, async setDefaultCheck (node) { this.ergodicNode(node); // this.$refs.tree.setCheckedKeys(this.defaultCheck); // setTimeout(()=>{ // this.$refs.tree.setCheckedKeys(['tc3857']); // },1000) }, ergodicNode (node) { if(node.expanded) { this.defaultExpanded.push(node.id); } if(node.checked&&!node.children) { this.defaultCheck.push(node.id); if(!node.isAdd) { if(node._children) { if(node.thisView) { if(node._children[0].children) { node._children[0].children.forEach((item) => { this.addTreeData(item); }); } else { this.addTreeData(node._children[0]); } } else { node._children.forEach((item) => { this.addTreeData(item); }); } } else { this.addTreeData(node); } } } if(node.children&&node.children.length) { node.children.forEach((item) => { this.ergodicNode(item); }); } }, checkChange (treeNode,b1,b2) { if(!treeNode.children&&!treeNode._children) { var checkedKeys=this.$refs.tree.getCheckedKeys(); let isCheck=checkedKeys.indexOf(treeNode.id)>-1; this.setVisiable(treeNode,isCheck); } }, setChecked (id) { var checkedKeys=this.$refs.tree.getCheckedKeys(); let isCheck=checkedKeys.indexOf(id)>-1; let treeNode=this.$refs.tree.getNode(id); if(treeNode&&treeNode.data) { this.setVisiable(treeNode.data,isCheck); } }, setNodeClick (treeNode,data) { if(treeNode.id=="1A49A755") { var tlobj={ value: false, value1: true, value2: false, show: true, }; bus.$emit("ishowDemoAnimation",tlobj); } }, check (treeNode,data) { let isCheck=data.checkedKeys.indexOf(treeNode.id)>-1; this.setVisiable(treeNode,isCheck); }, setVisiable (treeNode,checked) { if(checked!==undefined) { treeNode.checked=checked; } else { treeNode.checked=!treeNode.checked; } if(treeNode.children) { treeNode.children.forEach((item) => { this.setVisiable(item,treeNode.checked); }); return; } else if(treeNode._children) { if(treeNode.thisView==="ewzj") { treeNode._children[0].checked=treeNode.checked; if(treeNode._children[0].children) { treeNode._children[0].children.forEach((item) => { item.checked=treeNode.checked; this.addTreeData(item); }); } else { this.addTreeData(treeNode._children[0]); } } else if(treeNode.thisView==="swzj") { for(let i=1;i<treeNode._children.length;i++) { treeNode._children[i].checked=treeNode.checked; } treeNode._children.forEach((item,index) => { index!==0&&this.addTreeData(item); }); } else if(!treeNode.thisView) { treeNode._children.forEach((item,index) => { item.checked=treeNode.checked; if(item.children) { item.children.forEach((_item) => { _item.checked=item.checked; this.addTreeData(_item); }); } else { this.addTreeData(item); } }); } return; } if(!treeNode.isAdd) { this.addTreeData(treeNode); return; } let data=_getTreeData(treeNode.id); if(data) { data.item&& data.item.setVisibility&& data.item.setVisibility(treeNode.checked); data.item&& data.item.setVisible&& data.item.setVisible(treeNode.checked); data.item&& data.item.show!==undefined&& (data.item.show=treeNode.checked); if(data.datatype==="particle") { data.item.forEach((item) => { item.show=treeNode.checked; }); } } else { if( treeNode.id&& treeNode.id.indexOf&& treeNode.id.indexOf("---")>-1 ) { var ids=id.split("---"); ids.forEach((item) => { sgworld.ProjectTree.setVisibility(item,treeNode.checked); }); } else { sgworld.ProjectTree.setVisibility(treeNode.id,treeNode.checked); var dd=Viewer.dataSources._dataSources.filter((item) => { return item.name==treeNode.id; }); if(dd&&dd.length>0) { dd[0].show=treeNode.checked; } } } }, props (data) { if(data.class==="imageLayer") { window.treeObj={ rightClickData: data, }; layerOpen("å½±å",{ width: 320, height: 310, url: "./static/html/layerProp.html", fn: { end: function() { }, }, }); } else if(data._children) { if(data.thisView==="ewzj") { data.thisView="swzj"; data.name="ä¸ç»´æ³¨è®°"; data._children[0].checked=false; for(let i=1;i<data._children.length;i++) { data._children[i].checked=data.checked; } data._children.forEach((item) => { if(item.children) { item.children.forEach((_item) => { _item.checked=item.checked; this.addTreeData(_item); }); } else { this.addTreeData(item); } }); } else if(data.thisView==="swzj") { data.thisView="ewzj"; data.name="äºç»´æ³¨è®°"; data._children[0].checked=data.checked; for(let i=1;i<data._children.length;i++) { data._children[i].checked=false; } data._children.forEach((item) => { if(item.children) { item.children.forEach((_item) => { _item.checked=item.checked; this.addTreeData(_item); }); } else { this.addTreeData(item); } }); } } }, flyTo (treeNode) { if(treeNode.children) return; if(treeNode.animationDatas) { // return this.$refs.animationEdit.start(treeNode.animationDatas); } if(treeNode._children&&treeNode._children[0]) { this.flyTo(treeNode._children[0]); return; } if(treeNode&&treeNode.flyTo) { if(treeNode&&treeNode.flyTo.length===3) { sgworld.Navigate.flyToPosition( treeNode.flyTo[0], treeNode.flyTo[1], treeNode.flyTo[2] ); } else if(treeNode&&treeNode.flyTo.length===4) { sgworld.Navigate.flyToPointsInterest({ destination: Cesium.Rectangle.fromDegrees( treeNode.flyTo[0], treeNode.flyTo[1], treeNode.flyTo[2], treeNode.flyTo[3] ), }); } else { sgworld.Navigate.flyToPointsInterest({ destination: Cesium.Cartesian3.fromDegrees( treeNode.flyTo[0], treeNode.flyTo[1], treeNode.flyTo[2] ), orientation: { heading: treeNode.flyTo[3], pitch: treeNode.flyTo[4], roll: treeNode.flyTo[5], }, }); } return; } let data=sgworld.ProjectTree.getObject(treeNode.id); data&&data.item ? sgworld.Navigate.flyToObj(data.item) :sgworld.Navigate.flyToObj(data); if(data&&data.datatype==="editEntity") { data&&data.item&&sgworld.Navigate.flyToObj(data.item[data.type]); } }, renderContent (h,{ node,data,store }) { if(data.icon) { return ( <span class="custom-tree-node" on-dblclick={() => this.flyTo(data)}> <span class="typeIcon"> <img src={data.icon} /> </span> <span class="treeName">{data.name}</span> </span> ); } else { return ( <span class="custom-tree-node" on-dblclick={() => this.flyTo(data)}> <span class="treeName">{data.name}</span> </span> ); } }, async addTreeData (treeNode) { // if (treeNode.disabled) return; let _data=sgworld.ProjectTree.getObject(treeNode.id); let pID=0; if(_data) { sgworld.ProjectTree.setVisibility(treeNode.id,treeNode.checked); return; } else { _data=_getTreeData(treeNode.id); if(_data) { _data.item&& _data.item.setVisibility&& _data.item.setVisibility(treeNode.checked); _data.item&& _data.item.setVisible&& _data.item.setVisible(treeNode.checked); _data.item&& _data.item.show!==undefined&& (_data.item.show=treeNode.checked); if(_data.datatype==="particle") { _data.item.forEach((item) => { item.show=treeNode.checked; }); } return; } } if(!treeNode.urls||treeNode.isAdd) return; treeNode.isAdd=true; let layer; treeNode.token&& treeNode.token==="SmartEarthToken"&& (treeNode.token=this.SmartEarthToken); switch(treeNode.sourceType) { case "tms": layer=sgworld.Creator.createImageryProvider( treeNode.name, "tms", { id: treeNode.id, url: treeNode.urls, fileExtension: treeNode.img||"png", enablePickFeatures: false, alpha: treeNode.alpha, }, "0", undefined, true, "" ); break; case "local-map": // æ·»å æ¬å°å°å¾ if(treeNode.tms) { layer=sgworld.Creator.createImageryProvider( treeNode.name, "tms", { id: treeNode.id, url: treeNode.urls, fileExtension: treeNode.img||"png", enablePickFeatures: false, level: treeNode.Level, minimumLevel: treeNode.minimumLevel, maximumLevel: treeNode.maximumLevel, tilingScheme: treeNode.tileType==="Geo" ? new Cesium.GeographicTilingScheme() :new Cesium.WebMercatorTilingScheme(), alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); } else { layer=sgworld.Creator.createUrlTemplateImageryProvider( treeNode.name, { id: treeNode.id, url: `${treeNode.urls}/${treeNode.tile||"{z}/{x}/{y}"}.${ treeNode.img||"png" }`, enablePickFeatures: false, level: treeNode.Level, minimumLevel: treeNode.minimumLevel, maximumLevel: treeNode.maximumLevel, tilingScheme: treeNode.tileType==="Geo" ? new Cesium.GeographicTilingScheme() :new Cesium.WebMercatorTilingScheme(), alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); } break; case "kml": // æ·»å kmlæ°æ® layer=sgworld.Creator.addKmlLayer( treeNode.name, { id: treeNode.id, url: treeNode.urls, }, true ); break; case "google": // æ·»å è°·æå°å¾ layer=sgworld.Creator.createUrlTemplateImageryProvider( treeNode.name, { id: treeNode.id, url: treeNode.urls, enablePickFeatures: false, level: treeNode.Level, minimumLevel: treeNode.minimumLevel, maximumLevel: treeNode.maximumLevel, alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); break; case "arcgis": // arcgiså°å¾ layer=sgworld.Creator.createArcGisImageryLayer( treeNode.name, { id: treeNode.id, url: treeNode.urls, enablePickFeatures: false, level: treeNode.Level, usePreCachedTilesIfAvailable: treeNode.GCJ02? false:true, // æ¯å¦ä½¿ç¨æå¡çå ç½®çåçæ¹æ¡ï¼åç§»çº æ£éè¦ä½¿ç¨å¦ä¸èªå®ä¹çæ¹æ¡ tilingScheme: treeNode.GCJ02 ? sgworld.Core.getOffsetTilingScheme() :undefined, // åç§»çº æ£ minimumLevel: treeNode.minimumLevel, maximumLevel: treeNode.maximumLevel, alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); break; case "mapbox": // mapboxå°å¾ layer=sgworld.Creator.createImageryProvider( treeNode.name, "MapBox", { id: treeNode.id, name: treeNode.name, level: treeNode.Level, enablePickFeatures: false, mapId: treeNode.mapId, minimumLevel: treeNode.minimumLevel, maximumLevel: treeNode.maximumLevel, alpha: treeNode.alpha, accessToken: treeNode.token|| "pk.eyJ1IjoibWFyc2dpcyIsImEiOiJja2Fod2xlanIwNjJzMnhvMXBkMnNqcjVpIn0.WnxikCaN2KV_zn9tLZO77A", }, "0", treeNode.zIndex, true, "" ); break; case "tdmap": // 天å°å¾ layer=sgworld.Creator.createWebMapTileServerImageLayer( treeNode.name, { id: treeNode.id, url: treeNode.urls, level: treeNode.Level, minimumLevel: treeNode.minimumLevel, maximumLevel: 18, style: treeNode.style, layer: treeNode.layer, format: treeNode.format, enablePickFeatures: false, tileMatrixSetID: "tiff", show: true, subdomains: ["t0","t1","t2","t3","t4","t5","t6","t7"], alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); break; case "tdt_label": // 天å°å¾ä¸ç»´æ³¨è®° layer=sgworld.Creator.GeoWTFS({ token: treeNode.token||"c53eb074c3fcba5ac86103d4d711bbe8", url: treeNode.urls, subdomains: ["0","1","2","3","4","5","6","7"], }); break; case "txmap": // è ¾è®¯å°å¾ layer=sgworld.Creator.createUrlTemplateImageryProvider( treeNode.name, { id: treeNode.id, url: treeNode.urls, level: treeNode.Level, enablePickFeatures: false, minimumLevel: treeNode.minimumLevel, maximumLevel: 18, alpha: treeNode.alpha, tilingScheme: sgworld.Core.getOffsetTilingScheme(), // åç§»çº æ£ customTags: { sx: (_imageryProvider,x) => { return x>>4; }, sy: (_imageryProvider,_x,y,level) => { return ((1<<level)-y)>>4; }, }, }, "0", treeNode.zIndex, true, "" ); break; case "gdmap": // é«å¾·å°å¾ layer=sgworld.Creator.createUrlTemplateImageryProvider( treeNode.name, { id: treeNode.id, url: treeNode.urls, enablePickFeatures: false, level: treeNode.Level, minimumLevel: treeNode.minimumLevel, maximumLevel: 18, tilingScheme: sgworld.Core.getOffsetTilingScheme(), // åç§»çº æ£ alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); break; case "bdmap": // ç¾åº¦å°å¾ layer=sgworld.Creator.createImageryProvider( treeNode.name, "BaiduMap", { id: treeNode.id, level: treeNode.Level, enablePickFeatures: false, style: treeNode.style, minimumLevel: treeNode.minimumLevel, maximumLevel: treeNode.maximumLevel, alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); break; case "cesiumblack": // cesiumIoné»å¤å°å¾ layer=sgworld.Creator.createImageryProvider( treeNode.name, "cesiumBlack", { id: treeNode.id, url: treeNode.urls, flipXY: true, enablePickFeatures: false, level: treeNode.Level, minimumLevel: treeNode.minimumLevel, maximumLevel: treeNode.maximumLevel, alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); break; case "osm": // osmå°å¾ layer=sgworld.Creator.createImageryProvider( treeNode.name, "OpenStreetMap", { id: treeNode.id, url: treeNode.urls, enablePickFeatures: false, level: treeNode.Level, minimumLevel: treeNode.minimumLevel, maximumLevel: treeNode.maximumLevel, alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); break; case "wmts": // wmtså½±å layer=sgworld.Creator.createWebMapTileServerImageLayer( treeNode.name, { id: treeNode.id, url: treeNode.urls, level: treeNode.Level, style: treeNode.style, layer: treeNode.layer, enablePickFeatures: false, format: treeNode.format, tileMatrixSetID: treeNode.srs, tilingScheme: treeNode.tileType==="Geo" ? new Cesium.GeographicTilingScheme() :new Cesium.WebMercatorTilingScheme(), show: true, minimumLevel: treeNode.minimumLevel, maximumLevel: treeNode.maximumLevel, alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); break; case "gis_wmts": // gisserver wmstå½±å layer=sgworld.Creator.createUrlTemplateImageryProvider( treeNode.name, { id: treeNode.id, url: Cesium.buildModuleUrl( treeNode.urls+"/{z}/{x}/{reverseY}.png" ), enablePickFeatures: false, level: treeNode.Level, minimumLevel: treeNode.minimumLevel, maximumLevel: treeNode.maximumLevel, alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); break; case "wmts_zj": // è¡åå·å·®ä¸¤åçwmts var geotil=new Cesium.GeographicTilingScheme({ rectangle: Cesium.Rectangle.MAX_VALUE, }); if(treeNode.addLevel&&treeNode.addLevel===2) { geotil.positionToTileXY=function(position,level,result) { level>0&&level++; var rectangle=this._rectangle; if(!Cesium.Rectangle.contains(rectangle,position)) { // outside the bounds of the tiling scheme return undefined; } var xTiles=this.getNumberOfXTilesAtLevel(level); var yTiles=this.getNumberOfYTilesAtLevel(level); var xTileWidth=rectangle.width/xTiles; var yTileHeight=rectangle.height/yTiles; var longitude=position.longitude; if(rectangle.east<rectangle.west) { longitude+=Cesium.Math.TWO_PI; } var xTileCoordinate= ((longitude-rectangle.west)/xTileWidth)|0; if(xTileCoordinate>=xTiles) { xTileCoordinate=xTiles-1; } var yTileCoordinate= ((rectangle.north-position.latitude)/yTileHeight)|0; if(yTileCoordinate>=yTiles) { yTileCoordinate=yTiles-1; } if(!Cesium.defined(result)) { return new Cesium.Cartesian2(xTileCoordinate,yTileCoordinate); } result.x=xTileCoordinate; result.y=yTileCoordinate; return result; }; geotil.tileXYToRectangle=function(x,y,level,result) { level>0&&level++; var rectangle=this._rectangle; var xTiles=this.getNumberOfXTilesAtLevel(level); var yTiles=this.getNumberOfYTilesAtLevel(level); var xTileWidth=rectangle.width/xTiles; var west=x*xTileWidth+rectangle.west; var east=(x+1)*xTileWidth+rectangle.west; var yTileHeight=rectangle.height/yTiles; var north=rectangle.north-y*yTileHeight; var south=rectangle.north-(y+1)*yTileHeight; if(!Cesium.defined(result)) { result=new Cesium.Rectangle(west,south,east,north); } result.west=west; result.south=south; result.east=east; result.north=north; return result; }; } layer=sgworld.Creator.createWebMapTileServerImageLayer( treeNode.name, { id: treeNode.id, url: treeNode.urls, layer: treeNode.layer, level: treeNode.Level, minimumLevel: treeNode.minimumLevel, maximumLevel: treeNode.maximumLevel, style: "default", tileMatrixSetID: "esritilematirx", format: "image/png", tilingScheme: geotil, addLevel: treeNode.addLevel||1, //å±çº§å ä¸ enablePickFeatures: false, show: true, alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); break; case "wms": case "wmsc": // wmsæ°æ® var parameters={ service: "WMS", format: "image/png", transparent: true, }; if(treeNode.removeNullValue) { if(treeNode.nullvalue) { treeNode.nullvalue=treeNode.nullvalue.replace("rgb(",""); treeNode.nullvalue=treeNode.nullvalue.replace(")",""); } parameters.nullvalue=sgworld.Core.defaultValue( treeNode.nullvalue, "0,0,0" ); parameters.nulltolerance=sgworld.Core.defaultValue( treeNode.nulltolerance, 0 ); } treeNode.token&&(treeNode.urls+="?token="+treeNode.token); if(treeNode.sourceType==="wmsc") { layer=sgworld.Creator.createCacheImageryProvider( treeNode.name, { id: treeNode.id, url: treeNode.urls||"", layers: treeNode.layer||"", level: treeNode.Level, enablePickFeatures: false, cacheUrl: treeNode.cacheUrl||treeNode.urls, fileExtension: treeNode.fileExtension, cacheMaxLevel: treeNode.cacheMaxLevel||16, alpha: treeNode.alpha, }, "0", treeNode.zIndex, treeNode.checked, "" ); } else { layer=sgworld.Creator.createImageryProvider( treeNode.name, "wms", { id: treeNode.id, url: treeNode.urls, layers: treeNode.layer||"", level: treeNode.Level, minimumLevel: treeNode.minimumLevel, maximumLevel: treeNode.maximumLevel, enablePickFeatures: false, parameters: parameters, alpha: treeNode.alpha, }, "0", treeNode.zIndex, true, "" ); } break; case "wfs": // wfsæ°æ® layer=sgwfs.CreateWfs(treeNode.class,treeNode); break; case "geojson": if(treeNode.class==="point") { treeNode.disableDepthTestDistance==="Infinity"&& (treeNode.disableDepthTestDistance=Number.POSITIVE_INFINITY); de={ id: treeNode.id, fillColor: sgworld.Core.defaultValue(treeNode.color,"#ffffff"), color: sgworld.Core.defaultValue(treeNode.imageColor,undefined), outlineColor: sgworld.Core.defaultValue( treeNode.outlineColor, "#ffffff" ), backgroundColor: sgworld.Core.defaultValue( treeNode.backgroundColor, "#ffffff" ), heightReference: sgworld.Core.defaultValue( treeNode.heightReference, 0 ), pointHeight: sgworld.Core.defaultValue( treeNode.pointHeight, undefined ), near: sgworld.Core.defaultValue(treeNode.near,0), far: sgworld.Core.defaultValue(treeNode.far,99999999999), bold: treeNode.bold, italic: treeNode.italic, showBackground: treeNode.showBackground, outlineWidth: sgworld.Core.defaultValue(treeNode.outlineWidth,1), text: treeNode.text, image: treeNode.image, font_size: treeNode.size, font_family: sgworld.Core.defaultValue( treeNode.font_family, "微软é é»" ), disableDepthTestDistance: sgworld.Core.defaultValue( treeNode.disableDepthTestDistance, undefined ), labelData: treeNode.labelData, imageData: treeNode.imageData, }; if( treeNode.text&& treeNode.image&& !treeNode.labelData&& !treeNode.imageData ) { de.labelData={ horizontalOrigin: Cesium.HorizontalOrigin.LEFT, pixelOffset: new Cesium.Cartesian2(20,0), }; de.imageData={ horizontalOrigin: Cesium.HorizontalOrigin.CENTER, pixelOffset: new Cesium.Cartesian2(0,0), }; } layer=sgworld.Creator.createLabelPointGeoJsonFeatureLayer( treeNode.name, treeNode.urls, de, "0", treeNode.checked ); } else if(treeNode.class==="polyline") { de={ id: treeNode.id, layertype: "polylinelayer", material: sgworld.Core.defaultValue(treeNode.color,"#ffffff"), outlineColor: sgworld.Core.defaultValue( treeNode.outlineColor, "#ffffff" ), outlineWidth: sgworld.Core.defaultValue(treeNode.outlineWidth,0), height: sgworld.Core.defaultValue(treeNode.height,undefined), width: sgworld.Core.defaultValue(treeNode.width,2), clampToGround: sgworld.Core.defaultValue( treeNode.clampToGround, true ), classificationType: treeNode.classificationType, dash: sgworld.Core.defaultValue(treeNode.dash,false), dashLength: sgworld.Core.defaultValue(treeNode.dashLength,20), gapColor: sgworld.Core.defaultValue( treeNode.gapColor, "rgba(0,0,0,0)" ), near: sgworld.Core.defaultValue(treeNode.near,0), far: sgworld.Core.defaultValue(treeNode.far,Infinity), }; layer=sgworld.Creator.createPolylineGeoJsonFeatureLayer( treeNode.name, treeNode.urls, de, "0", treeNode.checked ); } else if(treeNode.class==="polylineVolume") { de={ id: treeNode.id, material: sgworld.Core.defaultValue(treeNode.color,"#ff0000"), slttype: "0", number: "4", exradius: "1", inradius: "1", orth_width: "2", orth_height: "2", radius: sgworld.Core.defaultValue(treeNode.radius,5), cornerType: "0", heightReference: "0", height: sgworld.Core.defaultValue(treeNode.lineHeight,0), near: "0", far: "99999999999", radiusScale: treeNode.radiusScale, connect: true, }; layer=sgworld.Creator.createpolylineVolumeGeojsonPrimitiveLayer( treeNode.name, treeNode.urls, de, "0", true, function(data) { if(treeNode.flow) { let lines=data.entities.values; lines.forEach((line) => { line.polylineVolume.material= sgworld.Core.getTrailLinkMaterial( sgworld.Core.defaultValue(treeNode.color,"#ff0000"), "../static/images/smoke.png", 9000 ); }); } } ); } else if(treeNode.class==="model") { de={ id: treeNode.id, collect: 0, uri: sgworld.Core.defaultValue(treeNode.model,""), file: "", color: sgworld.Core.defaultValue(treeNode.color,"#ffffff"), scale: sgworld.Core.defaultValue(treeNode.scale,1), heightReference: 0, height: sgworld.Core.defaultValue(treeNode.height,0), near: "0", far: "99999999999", }; layer=sgworld.Creator.createModelPointGeoJsonFeatureLayer( treeNode.name, treeNode.urls, de, "0", true ); } else if(treeNode.class==="polygon") { treeNode.disableDepthTestDistance==="Infinity"&& (treeNode.disableDepthTestDistance=Number.POSITIVE_INFINITY); de={ id: treeNode.id, material: sgworld.Core.defaultValue(treeNode.color,"#ff0000"), height: sgworld.Core.defaultValue(treeNode.height,0), outlineColor: sgworld.Core.defaultValue( treeNode.outlineColor, "#ff0000" ), extrudedHeight: sgworld.Core.defaultValue( treeNode.extrudedHeight, 0 ), outlineWidth: sgworld.Core.defaultValue(treeNode.outlineWidth,0), outline: sgworld.Core.defaultValue(treeNode.outline,true), clampToGround: sgworld.Core.defaultValue( treeNode.clampToGround, treeNode.extrudedHeight===undefined&& treeNode.height===undefined ), classificationType: treeNode.classificationType, near: sgworld.Core.defaultValue(treeNode.near,0), far: sgworld.Core.defaultValue(treeNode.far,Infinity), text: treeNode.text, font: sgworld.Core.defaultValue(treeNode.font,"微软é é»"), labelNear: treeNode.labelNear, labelFar: treeNode.labelFar, fontSize: sgworld.Core.defaultValue(treeNode.size,"18px"), italic: treeNode.italic, bold: treeNode.bold, pixelOffset: new Cesium.Cartesian2( sgworld.Core.defaultValue(treeNode.offsetX,0), sgworld.Core.defaultValue(treeNode.offsetY,0) ), labelOutlineWidth: 2, disableDepthTestDistance: treeNode.disableDepthTestDistance, water: treeNode.water, }; layer=sgworld.Creator.createPolygonGeoJsonFeatureLayer( treeNode.name, treeNode.urls, de, "0", treeNode.checked ); } break; case "pathLayer": layer=sgworld.Creator.createPathLayer({ id: treeNode.id, url: treeNode.url, color: treeNode.color||"#0033FF", //线çé¢è² width: treeNode.width||4.0, //线ç宽度 pointColor: treeNode.pointColor||"#FFFFFF", //移å¨ç¹çé¢è² speed: treeNode.speed||5, far: treeNode.far||5000, }); break; case "vector": { let urls={ url: treeNode.urls, layer: treeNode.layer, srs: treeNode.srs, }; if( treeNode.class==="point"|| treeNode.class==="label"|| treeNode.class==="image" ) { treeNode.disableDepthTestDistance==="Infinity"&& (treeNode.disableDepthTestDistance=Number.POSITIVE_INFINITY); if(treeNode.style) { // de = getVectorStyleFromSG(treeNode, treeNode.style); } else { de={ id: treeNode.id, level_min: sgworld.Core.defaultValue(treeNode.minimumLevel,10), level_max: sgworld.Core.defaultValue(treeNode.maximumLevel,22), fillColor: sgworld.Core.defaultValue(treeNode.color,"#ffffff"), color: sgworld.Core.defaultValue( treeNode.imageColor, undefined ), outlineColor: sgworld.Core.defaultValue( treeNode.outlineColor, "#ffffff" ), backgroundColor: sgworld.Core.defaultValue( treeNode.backgroundColor, "#ffffff" ), heightReference: sgworld.Core.defaultValue( treeNode.heightReference, 0 ), pointHeight: sgworld.Core.defaultValue( treeNode.pointHeight, undefined ), near: sgworld.Core.defaultValue(treeNode.near,0), far: sgworld.Core.defaultValue(treeNode.far,99999999999), bold: treeNode.bold, italic: treeNode.italic, showBackground: treeNode.showBackground, outlineWidth: sgworld.Core.defaultValue( treeNode.outlineWidth, 1 ), text: treeNode.text, image: treeNode.image, font_size: treeNode.size, font_family: sgworld.Core.defaultValue( treeNode.font_family, "微软é é»" ), disableDepthTestDistance: sgworld.Core.defaultValue( treeNode.disableDepthTestDistance, undefined ), labelData: treeNode.labelData, imageData: treeNode.imageData, }; } if( treeNode.text&& treeNode.image&& !treeNode.labelData&& !treeNode.imageData ) { de.labelData={ horizontalOrigin: Cesium.HorizontalOrigin.LEFT, pixelOffset: new Cesium.Cartesian2(20,0), }; de.imageData={ horizontalOrigin: Cesium.HorizontalOrigin.CENTER, pixelOffset: new Cesium.Cartesian2(0,0), }; } urls.upperLevelLimit=de.level_max; urls.lowerLevelLimit=de.level_min; layer=sgworld.Creator.createLabelImageGeoJsonFeatureLayerProvider( treeNode.name, urls, de, "0", treeNode.checked, function() { } ); } else if(treeNode.class==="polylineVolume") { de={ id: treeNode.id, level_min: sgworld.Core.defaultValue(treeNode.minimumLevel,10), level_max: sgworld.Core.defaultValue(treeNode.maximumLevel,22), material: sgworld.Core.defaultValue(treeNode.color,"#ff0000"), slttype: "0", number: "4", exradius: "1", inradius: "1", orth_width: "2", orth_height: "2", radius: sgworld.Core.defaultValue(treeNode.radius,0.5), cornerType: "0", heightReference: "0", height: sgworld.Core.defaultValue(treeNode.height,0), near: sgworld.Core.defaultValue(treeNode.near,0), far: sgworld.Core.defaultValue(treeNode.far,99999999999), radiusScale: treeNode.radiusScale, }; urls.upperLevelLimit=de.level_max; urls.lowerLevelLimit=de.level_min; layer=sgworld.Creator.createVolumeGeoJsonFeatureLayerProvider( treeNode.name, urls, de, "0", treeNode.checked, function() { } ); } else if(treeNode.class==="polyline") { de={ id: treeNode.id, layertype: "polylinelayer", level_min: sgworld.Core.defaultValue(treeNode.minimumLevel,10), level_max: sgworld.Core.defaultValue(treeNode.maximumLevel,22), material: sgworld.Core.defaultValue(treeNode.color,"#ffffff"), outlineColor: sgworld.Core.defaultValue( treeNode.outlineColor, "#ffffff" ), outlineWidth: sgworld.Core.defaultValue(treeNode.outlineWidth,0), height: sgworld.Core.defaultValue(treeNode.height,undefined), width: sgworld.Core.defaultValue(treeNode.width,2), clampToGround: sgworld.Core.defaultValue( treeNode.clampToGround, true ), classificationType: treeNode.classificationType, dash: sgworld.Core.defaultValue(treeNode.dash,false), dashLength: sgworld.Core.defaultValue(treeNode.dashLength,20), gapColor: sgworld.Core.defaultValue( treeNode.gapColor, "rgba(0,0,0,0)" ), near: sgworld.Core.defaultValue(treeNode.near,0), far: sgworld.Core.defaultValue(treeNode.far,Infinity), }; urls.upperLevelLimit=de.level_max; urls.lowerLevelLimit=de.level_min; layer= sgworld.Creator.createPrimitivePolylineVectorGeoJsonFeatureLayerProvider( treeNode.name, urls, de, "0", treeNode.checked, function() { } ); } else if(treeNode.class==="polygon") { de={ id: treeNode.id, layertype: "polygonlayer", level_min: sgworld.Core.defaultValue(treeNode.minimumLevel,10), level_max: sgworld.Core.defaultValue(treeNode.maximumLevel,22), material: sgworld.Core.defaultValue(treeNode.color,"#ff0000"), heightReference: "1", height: sgworld.Core.defaultValue(treeNode.height,0), extrudedHeight: sgworld.Core.defaultValue( treeNode.extrudedHeight, 0 ), extrudedHeightReference: "1", clampToGround: sgworld.Core.defaultValue( treeNode.clampToGround, false ), classificationType: treeNode.classificationType, near: sgworld.Core.defaultValue(treeNode.near,0), far: sgworld.Core.defaultValue(treeNode.far,Infinity), }; urls.upperLevelLimit=de.level_max; urls.lowerLevelLimit=de.level_min; layer= sgworld.Creator.createGeoJsonFeatureLayerProviderOptimization( treeNode.name, urls, de, "0", treeNode.checked, function() { } ); } else if(treeNode.class==="model") { de={ id: treeNode.id, level_min: sgworld.Core.defaultValue(treeNode.minimumLevel,10), level_max: sgworld.Core.defaultValue(treeNode.maximumLevel,22), collect: 0, uri: sgworld.Core.defaultValue(treeNode.model,""), file: "", color: sgworld.Core.defaultValue(treeNode.color,"#ffffff"), scale: sgworld.Core.defaultValue(treeNode.scale,1), heightReference: 0, height: sgworld.Core.defaultValue(treeNode.height,0), near: "0", far: "99999999999", }; //模åç¹ urls.upperLevelLimit=de.level_max; urls.lowerLevelLimit=de.level_min; layer=sgworld.Creator.createModelGeoJsonFeatureLayerProvider( treeNode.name, urls, de, "0", treeNode.checked, function() { } ); } layer&&(treeNode.id=layer.treeobj.id); break; } case "terrain": layer=sgworld.Creator.createTerrain( treeNode.name, { id: treeNode.id, requestVertexNormals: true, url: treeNode.urls, }, "0", true, "" ); break; case "sgsterrain": layer=sgworld.Creator.sfsterrainprovider( treeNode.name, { id: treeNode.id, layerName: treeNode.layer, requestVertexNormals: true, url: treeNode.urls||"", token: treeNode.token, cacheUrl: treeNode.cacheUrl, cacheLevel: treeNode.cacheLevel, }, "0", true, "" ); break; case "sgsterrain7.1": layer=sgworld.Creator.sfsterrainprovider71( treeNode.name, { id: treeNode.id, layerName: treeNode.layer, requestVertexNormals: true, url: treeNode.urls, token: treeNode.token, cacheUrl: treeNode.cacheUrl, cacheLevel: treeNode.cacheLevel, }, "0", true, "" ); break; case "arcgisterrain": layer=sgworld.Creator.createArcGISTerrain( treeNode.name, { id: treeNode.id, requestVertexNormals: true, url: treeNode.urls, }, "0", true, "" ); break; case "CesiumGlobeTerrain": layer=sgworld.Creator.createCesiumTerrain( treeNode.name, { id: treeNode.id, requestVertexNormals: true, }, "0", true, "" ); break; case "b3dm": layer=sgworld.Creator.create3DTilesets( treeNode.name, treeNode.urls, { id: treeNode.id, Level: treeNode.Level, maximumScreenSpaceError: treeNode.maximumScreenSpaceError&& parseInt(treeNode.maximumScreenSpaceError), maximumMemoryUsage: treeNode.maximumMemoryUsage&& parseInt(treeNode.maximumMemoryUsage), geometricError: treeNode.geometricError&&parseInt(treeNode.geometricError), }, { groundCenter: treeNode.Center, groundheight: treeNode.modelHeight, heading: treeNode.heading, pitch: treeNode.pitch, roll: treeNode.roll, effects: treeNode.effects||false, effectsMaxHeight: treeNode.effectsMaxHeight||150, colors: treeNode.alpha ? "rgba(255,255,255,"+treeNode.alpha+")" :treeNode.color||undefined, }, "0", true ); break; case "s3m": layer=sgworld.Creator.createS3MLayer( treeNode.urls, sgworld._Viewer.scene, function() { } ); break; case "gltf": var position=[treeNode.lon,treeNode.lat,treeNode.height]; layer=sgworld.Creator.createModel( position, treeNode.urls, { id: treeNode.id, scale: treeNode.scale||1, heading: treeNode.heading, pitch: treeNode.pitch, roll: treeNode.roll, }, "0", treeNode.name, "" ); break; case "SimpleGraphic": treeNode.type=treeNode.class; layer=sgworld.Creator.SimpleGraphic.addFeature(treeNode); break; case "videoPolygon": layer=sgworld.Creator.addVideoPolygon(treeNode.positions,{ url: treeNode.url, angle: treeNode.angle, }); break; case "MilitaryPlotting": if(!treeNode.feature.id) { treeNode.feature.id=treeNode.id; } if(!treeNode.feature.name) { treeNode.feature.name=treeNode.name; } layer=sgworld.Creator.MilitaryPlotting.addFeature(treeNode.feature); break; case "ParticleEffect": layer=sgworld.Analysis.createParticleEffect( treeNode.name, treeNode.position, { translation: Cesium.Cartesian3.fromElements(0,0,0), //平移 } ); layer.name=treeNode.name; break; case "FlowField": layer=sgworld.Creator.createTrailLine( treeNode.positions, treeNode.style ); layer.boundingSphere=Cesium.BoundingSphere.fromPoints( treeNode.positions ); break; case "MobileWall": layer=sgworld.Creator.createTrailLineWall( treeNode.LineInterpolation.positions, treeNode.style ); layer.boundingSphere=Cesium.BoundingSphere.fromPoints( treeNode.LineInterpolation.positions ); break; case "link": layer=sgworld.Creator.createLinkPro( sgworld.Core.toDegrees(treeNode.posisitons[0]), sgworld.Core.toDegrees(treeNode.posisitons[1]), { clampToGround: true, } ); break; case "DiffusionSource": layer=sgworld.Analysis.createMultiCircleScan( treeNode.position, treeNode.maxRadius, treeNode.maxRadius.color, 3000, true ); break; case "RiskDiffusion": case "CircularDiffusion": layer=sgworld.Analysis.createCircleScan( treeNode.position, treeNode.maxRadius, treeNode.color, 3000, true ); break; case "FanDiffusion": layer=sgworld.Analysis.createSectorScan( treeNode.position, treeNode.distance, "#ff0000", 60, treeNode.angle, true, 4000, true ); break; case "RadarMask": layer=sgworld.Creator.createRectangularSensor( treeNode.position, treeNode.cylinder ); break; case "DynamicSatellite": let dtwxzsData=sgworld.Creator.createConeRadar(treeNode.position,{ color: "#7b9ef7", radius: 200000, }); let weixin=sgworld.Creator.createModel( treeNode.position, window.SmartEarthRootUrl+"Workers/Model/weixin.gltf", { scale: 15 }, "0", "å«æ" ); layer={ dtwxzsData,weixin }; layer.sourceType="DynamicSatellite"; break; case "excavate": var position=[treeNode.lon,treeNode.lat,treeNode.height]; layer=sgworld.Creator.createModel( position, treeNode.urls, { id: treeNode.id, scale: treeNode.scale||1, }, pID, treeNode.name, "" ); treeNode.id=layer.treeobj.id; break; case "demoAnimation": console.log(123) break; } if(treeNode.sourceType!=="gltf"&&(treeNode.lon||treeNode.lat)) { treeNode.flyTo=[ treeNode.lon, treeNode.lat, defaultValue(treeNode.height,10000), ]; } if(treeNode.minx&&treeNode.miny&&treeNode.maxx&&treeNode.maxy) { treeNode.flyTo=[ treeNode.minx, treeNode.miny, treeNode.maxx, treeNode.maxy, ]; } if(treeNode.sourceType==="wfs") { addTreeData(treeNode,layer); } if(treeNode.baseLayer) { layer.item.baseLayer=true; } }, changeplase (value) { if(value.label.indexOf("广å·")>-1) { this.chooseplase="广å·"; this.form.startTime=new Date("2019-10-08"); this.form.endTime=new Date("2019-10-16"); window.Viewer.camera.flyTo({ destination: Cesium.Cartesian3.fromDegrees( 113.29503528791071, 23.104708355136264, 4109.8492337442767 ), orientation: { heading: 0.8349372341578318, pitch: -0.85222154573481174, roll: 0, }, }); } else { this.chooseplase="ä¸æµ·"; this.form.startTime=new Date("2016-06-01"); this.form.endTime=new Date("2016-06-30"); window.Viewer.camera.flyTo({ destination: Cesium.Cartesian3.fromDegrees( 121.23142475566037, 30.314431916707203, 101204.78027978493 ), orientation: { heading: 0.149372341578318, pitch: -0.8022154573481174, roll: 0, }, }); } }, change () { this.showdata1=false; }, change1 () { this.showdata2=false; }, openDia () { bus.$emit("changeColor",true); }, choose (value) { let arr=value.split("-"); this.form.freqStart=arr[0]; this.form.freqEnd=arr[1]; }, close () { this.showsituation=false; }, getdata (data) { this.colorContainer=data; }, // ç¹å»è·å¾æå¿ getTaishi () { if(hander) { return; } hander=new Cesium.ScreenSpaceEventHandler(Viewer.scene.canvas); let pickFeature; // é¼ æ ç¹å»äºä»¶ hander.setInputAction((event) => { // æ¾å对象 divPoint3&&divPoint3.deleteObject(); let clickPosition=viewer.scene.camera.pickEllipsoid(event.position); // 转ç»çº¬åº¦ï¼å¼§åº¦ï¼åæ let radiansPos=Cesium.Cartographic.fromCartesian(clickPosition); let lon=Cesium.Math.toDegrees(radiansPos.longitude); let lat=Cesium.Math.toDegrees(radiansPos.latitude); let filename=this.nowfile; let obj={ lat: lat, lng: lon, analysisAction: "-1", analysisType: "1", filename: filename, }; showCQ(obj).then((res) => { let data=res.data; if(data!="æ æ°æ®") { divPoint3=sgworld.Creator.createDivPoint( "åè¥", { lon: obj.lng,lat: obj.lat }, { type: "custom", offset: ["c",60], description: ` <div class="divPoint-custom"> <p>${data}</p> </div> `, near: 0, far: 100000, } ); } }); //æä½ æ¾åçä¸è¥¿æå°åºæ¥ççä»ä¹å¼å¯ä»¥ç¨ä½å¤æ },Cesium.ScreenSpaceEventType.LEFT_CLICK); }, analysis () { this.reset(); let that=this; if(that.imageid) { window.Viewer.entities.removeById(that.imageid); that.imageid=null; } let data={ colorName: "-100,0000FF;120,FF0000", startTime: "20160601000000", endTime: 20160630000000, freqStart: 87000000, freqEnd: 108000000, freqPoint: 87000000, points: "[[30.5504351,120.5667114],[32.0499889,120.5667114],[32.0499889,122.4453735],[30.5504351,122.4453735]]", radius: 0, analysisAction: "3", analysisType: 1, }; data={ ...data,...this.form }; data.freqStart=data.freqStart*1000000; data.freqEnd=data.freqEnd*1000000; data.startTime=data.startTime+"000000"; data.endTime=data.endTime*1000000; data.analysisType=="é¢ç¹"? (data.analysisType=1):""; delete data.radio; if(this.showdata1) { data.startTime=20160601000000; this.chooseplase&&this.chooseplase=="ä¸æµ·" ? (data.startTime=20160601000000) :(data.startTime=20191008000000); } if(this.showdata2) { data.endTime=20160630000000; this.chooseplase&&this.chooseplase=="ä¸æµ·" ? (data.endTime=20160630000000) :(data.endTime=20191016000000); } const loading=that.$loading({ lock: true, text: "计ç®ä¸", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)", }); data.points=data.points.value; freqBandAnalysis(data) .then((res) => { if(res.message==="Success") { let points=res.data.imgBounds; that.nowfile=Base64.encode(res.data.url); var data1={ colorSchemes: 1, file: Base64.encode(res.data.url), maxColor: "FF0000", maxValue: 100, minColor: "0000FF", minValue: 0, showBounds: this.form.points.value, }; data1={ ...data1,...this.colorContainer }; createPic(data1) .then((res2) => { let rectangle=sgworld.Creator.addSimpleGraphic("rectangle",{ removeEdit: true, coordinates: Cesium.Rectangle.fromDegrees( points.xmin, points.ymin, points.xmax, points.ymax ), color: "rgba(255,255,255,0.5)", image: "http://221.224.53.36:9081/calc/picurl?file="+ Base64.encode(res2.data), }); that.showDianci=true; // å¾çè·åæå å¼å¯æ¾å that.getTaishi(); if(that.imageid) { window.Viewer.entities.removeById(that.imageid); that.imageid=null; } that.imageid=rectangle.id; loading.close(); that.$message({ message: "计ç®æå", type: "success", }); that.showpic=true; }) .catch((error) => { loading.close(); }); } }) .catch((error) => { loading.close(); }); }, reset () { //éç½® if(this.imageid) { window.Viewer.entities.removeById(this.imageid); hander&& hander.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK); hander=null; divPoint3&&divPoint3.deleteObject(); this.imageid=null; this.showDianci=false; } }, }, watch: { colorContainer: { deep: true, handler (data) { let colornow={ width: "30%", height: "70%", border: "1px solid #000", transform: "translate(40px,90px)", backgroundImage: `linear-gradient(${data.maxColor},${data.minColor})`, }; this.innerbac=colornow; }, }, }, }; </script> <style scoped> .bot { width: 1000px; height: 1150px; background: url(~@/assets/image/test/22.png); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; left: 3920px; top: 680px; } .top1 { width: 95%; height: 11%; font-size: 40px; font-weight: bold; margin: 0px auto; border-bottom: 2px solid #fff; color: #fff; letter-spacing: 3px; } .icon { position: absolute; left: 50px; width: 50px; height: 50px; top: 39px; background-size: 100% 100% !important; background-repeat: no-repeat !important; background-position: center !important; background: url(~@/assets/image/subject/é¢æ .png); } .text { display: inline-block; margin-left: 90px; } .close { position: absolute; font-size: 60px; font-weight: 400; right: 60px; top: 20px; } .close:hover { color: red; transition: color 1s; cursor: pointer; } .next { width: 89%; height: 79%; margin: 30px auto; } .botcon { display: inline-block; margin-top: 34px; } .btns { margin-top: 100px; width: 100%; height: 70px; display: flex; justify-content: center; } .btns > span { display: block; width: 200px; height: 70px; border: 1px solid #000; text-align: center; font-size: 35px; margin: 0 50px; line-height: 70px; cursor: pointer; } .btns > span:nth-child(3) { color: #fff; background-image: linear-gradient(#76c2f6, #6a9cf1); } .btns > span:nth-child(-n + 2) { color: #000; background: #cadaea; } .showpic { width: 260px; height: 400px; background: url(~@/assets/image/botbtn/bac.png); background-position: center; background-size: 100% 100%; position: absolute; top: 1200px; right: 0px; } .layerTreeContainer { /* padding: 20px; */ /* background: url("../../assets/image/listbg.png") no-repeat; */ /* background-size: 100% 100%; */ /* position: absolute; */ /* right: 700px; */ /* top: 500px; */ width: 100%; height: 100%; /* margin: 20px 0; */ } .layerTreeContainer .layerTree { height: 100%; margin-bottom: 2px; overflow-y: auto; overflow-x: auto; } .layerTreeContainer .el-tree { background: transparent; font-size: 45px; color: white; } .layerTreeContainer .el-tree /deep/ .el-tree-node__content { background-color: transparent !important; height: auto !important; } .layerTreeContainer .el-tree /deep/ .el-tree-node__content:hover { background-color: rgba(255, 255, 255, 0.4) !important; } .layerTreeContainer .el-tree /deep/ .is-current > .el-tree-node__content { background-color: rgba(255, 255, 255, 0.4) !important; } .layerTreeContainer .el-tree /deep/ .is-indeterminate .el-checkbox__inner:before { top: 10px; height: 19px; width: 40px; } .layerTreeContainer .el-tree /deep/ .el-tree-node__expand-icon { font-size: 40px; } .layerTreeContainer .el-tree /deep/ .el-checkbox .el-checkbox__inner { width: 40px; height: 40px; } .layerTreeContainer .el-tree /deep/ .el-checkbox__input.is-checked .el-checkbox__inner:after { border: 7px solid #fff; border-left: 0; border-top: 0; height: 23px; left: 11px; position: absolute; top: 5px; width: 10px; } .layerTreeContainer .el-tree /deep/ .el-checkbox__input .is-checked .el-checkbox__inner { background-color: #409eff; } .layerTreeContainer .el-tree /deep/ .el-checkbox__input.is-checked .el-checkbox__inner { border-color: #409eff; } </style>
¶Ô±ÈÐÂÎļþ @@ -0,0 +1,1089 @@ <template> <div class="container" v-if="ishowtuli" id="moved2" @mousedown="moved"> <div class="top"> <span style="font-weight: bold">å¨ç»æ¼ç¤º</span> <span class="close" @click="showtuli">X</span> </div> <div class="boxMenu"> <el-button type="primary" class="mini" icon="el-icon-folder-opened" @click="start">å¼å§</el-button> <el-button type="primary" class="mini" icon="el-icon-download" @click="pause">æå</el-button> <el-button type="primary" class="mini" icon="el-icon-download" @click="pause">继ç»</el-button> <el-button type="primary" class="mini" icon="el-icon-download" @click="stop">åæ¢</el-button> <!-- <div class="menu"> <p>ä¸ç»´æ ç»</p> <div> <div v-for="(item,index) in Option1" :key="index"> </div> </div> </div> --> </div> </div> </template> <script> let AnimationData=[]; let pointFly; import bus from "../../utils/bus"; import { juhe } from "../../utils/work"; export default { data () { return { value: false, value1: true, value2: false, ishowtuli: false, scale: 2.13, tileCoordinates: true, title: "æ¼ç¤ºå¨ç»", left: "calc(100% - 725px)", top: "10px", value: "0", selectItem: { type: "" }, rightClickMenuStyle: {}, rightClickMenuDisplay: false, animationData: [], // ä¸ç»å¨ç»çä¸ç³»åç段 nodeId: "", // å½åæä½æ¼ç¤ºå¨ç»id showRightMenu: false, playIndex: 0, animationData: [ { "id": "2D288AA8", "description": "é»è®¤ä½ç½®", "type": "ä½ç½®", "view": { "lon": "109.131740", "lat": "32.194800", "height": "6718919.27", "heading": 354.1, "pitch": -88.70000000000033 }, "value": "2", "time": 1, "isClick": false }, { "id": "9528863B", "description": "æ¾ç¤ºåå§èæ", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["710A1A45"], "value": "2", "time": 3, "isClick": false }, { "id": "2EE22084", "description": "éèåå§èæ", "actionType": "éè对象", "type": "æä½", "selectInfo": ["710A1A45"], "value": "1", "isClick": false }, { "id": "436E8612", "description": "æ¾ç¤ºåå§ä½ç½®å¾æ ", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["4E80A73B"], "value": "2", "time": 1, "isClick": false }, { "id": "17B2211B", "description": "éèåå§ä½ç½®å¾æ ", "actionType": "éè对象", "type": "æä½", "selectInfo": ["4E80A73B"], "value": "2", "time": 1, "isClick": false }, { "id": "F5C63A93", "description": "æ¾ç¤ºåå§ä½ç½®å¾æ ", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["4E80A73B"], "value": "2", "time": 1, "isClick": false }, { "id": "DBE809A1", "description": "æ¾ç¤ºé»è®¤ä½ç½®", "type": "ä½ç½®", "view": { "lon": "115.051816", "lat": "29.355704", "height": "5580389.26", "heading": 357.83323848386374, "pitch": -86.5961304830374 }, "value": "1", "isClick": false }, { "id": "F6092392", "description": "æ¾ç¤ºæåºèæ", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["8BE2C18A"], "value": "2", "time": 3, "isClick": false }, { "id": "A58FFA7A", "description": "éèæåºèæ", "actionType": "éè对象", "type": "æä½", "selectInfo": ["8BE2C18A"], "value": "1", "isClick": false }, { "id": "C9EB0972", "description": "æ¾ç¤ºæåºä½ç½®å¾æ ", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["11E65749"], "value": "2", "time": 1, "isClick": false }, { "id": "EF6DC4CB", "description": "éèæåºä½ç½®å¾æ ", "actionType": "éè对象", "type": "æä½", "selectInfo": ["11E65749"], "value": "2", "time": 1, "isClick": false }, { "id": "27A3C0C9", "description": "æ¾ç¤ºæåºä½ç½®å¾æ ", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["11E65749"], "value": "2", "time": 1, "isClick": false }, { "id": "CC244478", "description": "æ¾ç¤ºé»è®¤ä½ç½®", "type": "ä½ç½®", "view": { "lon": "114.329684", "lat": "29.267469", "height": "5054497.61", "heading": 357.840511288967, "pitch": -86.58465869527897 }, "value": "1", "isClick": false }, { "id": "C25D7DCA", "description": "æ¾ç¤ºå京å°å京æµçº¿", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["0043A493"], "value": "1", "isClick": false }, { "id": "7142D4A5", "description": "æ¾ç¤ºå京å°å京æµéæ线", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["FF5557E9"], "value": "2", "time": 2, "isClick": false }, { "id": "E2DF762C", "description": "æ¾ç¤ºä½æé群", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["CEF22C36"], "value": "2", "time": 3, "isClick": false }, { "id": "796581AF", "description": "éèä½æé群", "actionType": "éè对象", "type": "æä½", "selectInfo": ["CEF22C36"], "value": "1", "isClick": false }, { "id": "32A1280D", "description": "æ¾ç¤ºä½æé群å¾æ ", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["61E74C87"], "value": "2", "time": 1, "isClick": false }, { "id": "4E1D947D", "description": "éèä½æé群å¾æ ", "actionType": "éè对象", "type": "æä½", "selectInfo": ["61E74C87"], "value": "2", "time": 1, "isClick": false }, { "id": "C059F92D", "description": "æ¾ç¤ºä½æé群å¾æ ", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["61E74C87"], "value": "2", "time": 1, "isClick": false }, { "id": "C63EA02F", "description": "æ¾ç¤ºé»è®¤ä½ç½®", "type": "ä½ç½®", "view": { "lon": "121.374870", "lat": "26.142288", "height": "4356039.31", "heading": 357.83212449218917, "pitch": -86.59788083067261 }, "value": "1", "isClick": false }, { "id": "44844F07", "description": "æ¾ç¤ºå京å°ç¦å·æµçº¿", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["BFF675EC"], "value": "1", "isClick": false }, { "id": "B4A16045", "description": "æ¾ç¤ºå京å°ç¦å·æµéæ线", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["35ADD547"], "value": "2", "time": 2, "isClick": false }, { "id": "DC17A35C", "description": "æ¾ç¤ºä»»å¡é¨é", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["366033A3"], "value": "2", "time": 3, "isClick": false }, { "id": "A815E926", "description": "éèä»»å¡é¨é", "actionType": "éè对象", "type": "æä½", "selectInfo": ["366033A3"], "value": "1", "isClick": false }, { "id": "9E7AB544", "description": "æ¾ç¤ºä½ç½®", "type": "ä½ç½®", "view": { "lon": "119.771912", "lat": "25.466326", "height": "339051.61", "heading": 9.339648782481907, "pitch": -88.04943417072181 }, "value": "1", "isClick": false }, { "id": "813E3326", "description": "æ¾ç¤ºä½æé群å¾æ ", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["6BFF77A2","6BFF77A6"], "value": "2", "time": 1, "isClick": false }, { "id": "A6B66EF2", "description": "éèä½æé群å¾æ ", "actionType": "éè对象", "type": "æä½", "selectInfo": ["6BFF77A2","6BFF77A6"], "value": "2", "time": 1, "isClick": false }, { "id": "F1AD0C76", "description": "æ¾ç¤ºä½æé群å¾æ ", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["6BFF77A2","6BFF77A6"], "value": "2", "time": 1, "isClick": false }, { "id": "7396F648", "description": "æ¾ç¤ºä½ç½®", "type": "ä½ç½®", "view": { "lon": "119.771912", "lat": "25.466326", "height": "339051.61", "heading": 9.339648782481907, "pitch": -88.04943417072181 }, "value": "1", "isClick": false }, { "id": "61C3049A", "description": "æ¾ç¤ºç¦å·å°å¹³æ½æµçº¿", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["87D8926C"], "value": "1", "isClick": false }, { "id": "B7888A36", "description": "æ¾ç¤ºç¦å·å°å¹³æ½éæ线", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["9F07E807"], "value": "2", "time": 2, "isClick": false }, { "id": "56F9BA71", "description": "æ¾ç¤ºä½ç½®", "type": "ä½ç½®", "view": { "lon": "119.806705", "lat": "29.388126", "height": "5092401.07", "heading": 9.339708130989383, "pitch": -88.03886634582898 }, "value": "1", "isClick": false }, { "id": "019624F2", "description": "æ¾ç¤ºç©ºä¸å«æ", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["EF666AD4"], "value": "2", "time": 3, "isClick": false }, { "id": "A2DBBAF5", "description": "éè空ä¸å«æ", "actionType": "éè对象", "type": "æä½", "selectInfo": ["EF666AD4"], "value": "1", "isClick": false }, { "id": "91C04225", "description": "æ¾ç¤ºç©ºä¸å«æä½ç½®æ¨¡å", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["D6D9C4BD"], "value": "2", "time": 3, "isClick": false }, { "id": "7ABC8DE3", "description": "侧é¢å±ç¤ºå«æä½ç½®", "type": "ä½ç½®", "view": { "lon": "119.401895", "lat": "16.071907", "height": "1110461.97", "heading": 351.41184354978844, "pitch": -38.112339035741634 }, "value": "1", "isClick": false }, { "id": "66A51790", "description": "æ¾ç¤ºé讯é¾è·¯", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["538C10DD"], "value": "2", "time": 3, "isClick": false }, { "id": "9A815AEB", "description": "éèé讯é¾è·¯", "actionType": "éè对象", "type": "æä½", "selectInfo": ["538C10DD"], "value": "1", "isClick": false }, { "id": "00626E61", "description": "æ¾ç¤ºä¸åå§é讯", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["8D8D7789"], "value": "2", "time": 1, "isClick": false }, { "id": "78BDCA78", "description": "æ¾ç¤ºä¸æåºé讯", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["EB6B36B8"], "value": "2", "time": 1, "isClick": false }, { "id": "7A6D4A89", "description": "æ¾ç¤ºä¸ä½æé群é讯", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["511659D5"], "value": "2", "time": 1, "isClick": false }, { "id": "0FF24EE3", "description": "æ¾ç¤ºä¸ä»»å¡é¨éé讯", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["66DE14E1"], "value": "2", "time": 1, "isClick": false }, { "id": "F898D72A", "description": "æ¾ç¤ºçº¢è²é讯线 ç¶ææ¥è¯¢", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["D70F3606"], "value": "2", "time": 2, "isClick": false }, { "id": "DBDC549D", "description": "éè红è²é讯线 ç¶ææ¥è¯¢", "actionType": "éè对象", "type": "æä½", "selectInfo": ["D70F3606"], "value": "1", "isClick": false }, { "id": "D8B7773E", "description": "æ¾ç¤ºä¼ è¾ä¸æ", "actionType": "æ¾ç¤ºå¯¹è±¡", "type": "æä½", "selectInfo": ["8FBFA692"], "value": "2", "time": 3, "isClick": false }, { "id": "06ECE52F", "description": "å ³éä¼ è¾ä¸æ", "actionType": "éè对象", "type": "æä½", "selectInfo": ["8FBFA692"], "value": "1", "isClick": false }, { "id": "B6D8F034", "description": "å ³éæææ¼ç¤ºèæ¬", "actionType": "éè对象", "type": "æä½", "selectInfo": [ "4FE10400", "D6D9C4BC", "D6D9C4BE", "D6D9C4BD", "BF993EEC", "4E80A73B", "11E65749", "61E74C87", "6BFF77A2", "6BFF77A6", "0A51CF71", "0043A493", "BFF675EC", "87D8926C", "AD66C2CA", "FF5557E9", "35ADD547", "9F07E807", "8D8D7789", "EB6B36B8", "511659D5", "66DE14E1", "8FBFA692", "7BA80DFE", "710A1A45", "8BE2C18A", "CEF22C36", "366033A3", "EF666AD4", "538C10DD", "D70F3606" ], "value": "1", "isClick": false } ], //æ£å¨ææ¾çæ°æ® isPlay: false, // æ¯å¦æ£å¨ææ¾ showControl: false, }; }, methods: { moved (event) { var drag=document.getElementById("moved2"); // //ç¹å»æç©ä½æ¶ï¼ç¨drag对象å³å¯ï¼moveåupæ¯å ¨å±åºåï¼ // ä¹å°±æ¯æ´ä¸ªææ¡£éç¨ï¼åºè¯¥ä½¿ç¨document对象èä¸æ¯drag对象(å¦åï¼éç¨drag对象æ¶ç©ä½åªè½å¾å³æ¹æä¸æ¹ç§»å¨) var event=event||window.event; //å ¼å®¹IEæµè§å¨ // é¼ æ ç¹å»ç©ä½é£ä¸å»ç¸å¯¹äºç©ä½å·¦ä¾§è¾¹æ¡çè·ç¦»=ç¹å»æ¶çä½ç½®ç¸å¯¹äºæµè§å¨æ左边çè·ç¦»-ç©ä½å·¦è¾¹æ¡ç¸å¯¹äºæµè§å¨æ左边çè·ç¦» var diffX=event.clientX*this.scale-drag.offsetLeft; var diffY=event.clientY*this.scale-drag.offsetTop; document.onmousemove=(event) => { var event=event||window.event; var moveX=event.clientX*this.scale-diffX; var moveY=event.clientY*this.scale-diffY; if(moveX<0) { moveX=0; } else if(moveX>2304*this.scale-drag.offsetWidth) { moveX=2304*this.scale-drag.offsetWidth; } if(moveY<0) { moveY=0; } else if(moveY>4096*this.scale-drag.offsetHeight) { moveY=4096*this.scale-drag.offsetHeight; } drag.style.left=moveX+"px"; drag.style.top=moveY+"px"; }; document.onmouseup=function(event) { document.onmousemove=null; document.onmouseup=null; }; }, //è¾¹æ¡çæ¾ç¤ºéè showtuli () { this.ishowtuli=false; //æ¸ é¤ç³»ç»å°ç«ï¼çæµç«ï¼gb }, open (id,data) { this.nodeId=id; if(data) { this.animationData=data; } this.$refs.demo.open(); }, close () { this.nodeId=""; this.animationData=[]; this.save(); this.stop(); }, // è·åä¸æ getIndexById (id) { for(let i=0;i<this.animationData.length;i++) { if(this.animationData[i].id===id) { return i; } } return undefined; }, // ä¸ç§» moveUp (index) { const upDate=this.animationData[index-1]; this.animationData.splice(index-1,1); this.animationData.splice(index,0,upDate); }, // ä¸ç§» moveDown (index) { const downDate=this.animationData[index+1]; this.animationData.splice(index+1,1); this.animationData.splice(index,0,downDate); }, // å é¤ remove (index) { this.animationData.splice(index,1); }, //è·åè§è§ getView () { let degrees=sgworld.Navigate.getDegrees(); //ç»çº¬åº¦ let heading=Cesium.Math.toDegrees(Viewer.camera.heading); //æ°´å¹³è§ let pitch=Cesium.Math.toDegrees(Viewer.camera.pitch); //俯仰è§åº¦ return { lon: degrees.lon.toFixed(6), lat: degrees.lat.toFixed(6), height: degrees.height.toFixed(2), heading, pitch, }; }, // è·åæ ä¸è®°å½çæ°æ® getTreedata (selectInfo,actionType) { let obj={ id: window.sgworld.Core.getuid(), description: "æ¤å¤ç¼è¾æè¿°", actionType, //è®°å½ æä½çç§ç±» type: "æä½", selectInfo, value: "1", time: undefined, isClick: false, }; if(this.selectItem&&this.selectItem.id) { let index=this.getIndexById(this.selectItem.id); this.animationData.splice(index+1,0,obj); } else { this.animationData.push(obj); } }, // æ·»å è®°å½ addData (type,actionType) { if(type==="action") { this.$refs.dataTree.open(actionType); } else { let location=this.getView(); let obj={ id: window.sgworld.Core.getuid(), description: "æ¤å¤ç¼è¾æè¿°", type: "ä½ç½®", view: location, value: "1", time: undefined, isClick: false, }; if(this.selectItem) { let index=this.getIndexById(this.selectItem.id); this.animationData.splice(index+1,0,obj); } else { this.animationData.push(obj); } } }, // å°ä¸æ¨¡å¼ undergroundMode (val) { let actionType=val? "å¼å¯å°ä¸æ¨¡å¼":"å ³éå°ä¸æ¨¡å¼"; let obj={ id: window.sgworld.Core.getuid(), isUnderground: true, description: "æ¤å¤ç¼è¾æè¿°", actionType, type: "æä½", value: "1", time: undefined, isClick: false, }; if(this.selectItem) { let index=this.getIndexById(this.selectItem.id); this.animationData.splice(index+1,0,obj); } else { this.animationData.push(obj); } }, // æ´æ°ä½ç½® updateLocation () { if(this.selectItem&&this.selectItem.type==="ä½ç½®") { let location=this.getView(); let index=this.getIndexById(this.selectItem.id); if(this.animationData[index].view) { this.animationData[index].view=location; } } }, // æ´æ°æä½ updateAction () { if(this.selectItem&&this.selectItem.type==="æä½") { this.$refs.dataTree.open( this.selectItem.actionType, this.selectItem.selectInfo, true ); } }, //ä¿åæ´æ° updateData (newData) { let index=this.getIndexById(this.selectItem.id); this.animationData[index].selectInfo=newData; }, // ä¿å save () { this.$emit("success",this.nodeId,this.animationData); }, // å¼å§ææ¾ start () { // if(data) { // this.animationData=data; // } this.playIndex=0; this.isPlay=true; this.display(); }, // ææ¾ display (data,click=false) { if(data) { this.stop(); this.playIndex=this.getIndexById(data.id); this.isPlay=true; click=true; } if(this.playIndex>this.animationData.length-1) { this.stop(); return; } else if(!this.isPlay) { return; } let thisPlay=this.animationData[this.playIndex]; this.$refs.table&&this.$refs.table.setCurrentRow(thisPlay); if(thisPlay.isClick&&!click) { this.playIndex--; } else { if(thisPlay.type==="ä½ç½®") { let position=thisPlay.view; let maximumHeight= position.height<0&&Viewer.camera.positionCartographic.height<0 ? Math.max([ position.height, Viewer.camera.positionCartographic.height, ]) :undefined; Viewer.camera.flyTo({ destination: Cesium.Cartesian3.fromDegrees( position.lon, position.lat, position.height ), orientation: { heading: Cesium.Math.toRadians(position.heading), pitch: Cesium.Math.toRadians(position.pitch), roll: 0, }, maximumHeight, easingFunction: function(time) { return time*(2.0-time); }, }); } else if(thisPlay.type==="æä½") { let show; if(thisPlay.actionType==="æ¾ç¤ºå¯¹è±¡") { show=true; } else if(thisPlay.actionType==="éè对象") { show=false; } if(thisPlay.actionType==="å¼å¯å°ä¸æ¨¡å¼") { sgworld.Analysis.UndergroundMode(true,0.5); } else if(thisPlay.actionType==="å ³éå°ä¸æ¨¡å¼") { sgworld.Analysis.UndergroundMode(false); } this.$emit("setAnimation",thisPlay.selectInfo,show); } let time=0; if(thisPlay.type==="ä½ç½®") { time=3; } if(thisPlay.time) { this.timeOut(() => { // å®æ¶ this.playIndex++; this.display(); },thisPlay.time+time); } else { this.timeOut(() => { this.playIndex++; this.display(); },time); } } }, next () { this.playIndex++; this.display(undefined,true); }, // åæ¢ stop () { clearTimeout(this.time); sgworld.Navigate.Stop(); //åæ¶é£è¡ç¶æ this.$refs.table&&this.$refs.table.setCurrentRow(); window.sgworld.Analysis.UndergroundMode(false,0.5); this.playIn; this.playIndex=0; this.isPlay=false; }, //æå pause (val) { this.isPlay=!this.isPlay; if(!val) { this.display(); } }, timeOut (callback,time) { clearTimeout(this.time); this.time=setTimeout(callback,time*1000); }, change (value,index) { switch(value) { case "0": this.animationData[index].isClick=true; this.animationData[index].time=undefined; break; case "1": this.animationData[index].time=undefined; this.animationData[index].isClick=false; break; case "2": this.animationData[index].time=1; this.animationData[index].isClick=false; break; } }, rowClick (row,column,event) { // this.display(row); }, //é¼ æ æä½ mouseIn (row) { if(this.$refs.contextmenu.visible||this.$refs.dataTree.isOpen) { return; } this.selectItem=row; }, mouseOut () { if(this.$refs.contextmenu.visible||this.$refs.dataTree.isOpen) { return; } this.selectItem={ type: "" }; }, rightClick (row,column,event) { if(row) { this.selectItem=row; } }, }, mounted () { bus.$on("clearMilitaryPlot",(e) => { this.ishowtuli=false this.showtuli() }); bus.$on("ishowDemoAnimation",(e) => { if(this.ishowtuli) { this.ishowtuli=false this.showtuli() } else { this.ishowtuli=true } }); }, watch: { value (e) { if(e) { if(document.getElementsByClassName("tableContain")[0]) { document.getElementsByClassName("tableContain")[0].style.display= "none"; } } }, value1 (e) { if(e) { this.showbuild() if(document.getElementsByClassName("tableContain")[0]) { document.getElementsByClassName("tableContain")[0].style.display= "none"; } } else { mode1.deleteObject() mode1=null } }, }, }; </script> <style scoped> .top { width: 94%; height: 20%; margin: 0 auto; border-bottom: 2px solid #fff; color: #fff; } .top > span { display: inline-block; margin: 10px 20px; font-size: 40px; letter-spacing: 5px; font-weight: 300; line-height: 80px; margin-left: 40px; } .container { width: 800px; height: 500px; position: absolute; right: 340px; top: 180px; z-index: 50; background: url(~@/assets/image/test/åè§ç©å½¢.png) no-repeat; background-position: center; background-size: 100% 100%; cursor: move; } .boxMenu { width: 92%; height: 80%; position: relative; margin: 3% 4%; display: grid; grid-template-columns: auto auto; /* font-weight: bold; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; justify-content: center; -ms-flex-pack: distribute; align-items: center; */ } .mini { height: 100px; margin: 20px; } .menuTitle { font-size: 36px; color: white; margin: 10px 40px; } .menuItem { margin: 20px 10px; /* background: #409eff !important; */ } .menuItem button { width: 200px; } .menuItem :hover { /* color: #409eff !important; */ /* background: #409eff !important; */ } .menuContent { /* display: flex; */ cursor: pointer; display: grid; grid-template-columns: auto auto auto; text-align: center; font-size: 32px; color: white; margin: 10px 40px; } .box .menu { width: 100%; height: auto; } .box >>> .el-switch__core { width: 140px !important; height: 50px; margin-left: 30px; border-radius: 28px; } .box >>> .el-switch__core:after { width: 48px; height: 48px; margin-left: 0px; top: 0px; } .box >>> .el-switch.is-checked .el-switch__core::after { margin-left: -50px !important; } .box > div { width: 70%; height: 70px; font-size: 40px; line-height: 70px; margin-top: 20px; color: #fff; display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: center; } .close { position: absolute; right: 20px; top: 0px; cursor: pointer; } /* .container>div{ width: 100%; height: 20%; border: 1px solid #000; } */ </style> src/components/props/situationComparison7-9.vue
@@ -10,7 +10,50 @@ @click="close">x</span> </div> <div class="content"> <div class="plotTitle"> äºç»´æ ç»</div> <div class="layerTreeContainer"> <el-tree class="tree-nr" ref="tree-menu" :data="treeMenuData" node-key="path" accordion :expand-on-click-node="false" :auto-expand-parent="false" @node-click="handleNodeClick"> <span class="custom-tree-node" :class="data.children ? 'has-child' : ''" slot-scope="{ data }"> <span> <span>{{ data.label }}{{ data.children && data.children.length > 0 ? `(${data.children.length})` : "" }}</span> </span> </span> </el-tree> </div> <div class="gradeContainer" v-if="currentGradeList.length > 0"> <div class="grade-item" v-for="el in currentGradeList" :key="el.label" @click="CreateImageBillboard(el)"> <div class="g-img"> <img :src="el.image" alt="" /> </div> <div class="g-title"> <el-tooltip effect="dark" :content="el.label" placement="bottom"> <span>{{ showGradeCode ? el.code || el.label : el.label }}</span> </el-tooltip> </div> </div> </div> <!-- <div class="plotTitle"> äºç»´æ ç»</div> <div class="menuContent"> <div class="menuItem" @click="setMenuClick(item)" @@ -18,9 +61,9 @@ :key="index"> {{ item.name}} </div> </div> </div> --> <div class="plotTitle"> ä¸ç»´æ ç»</div> <!-- <div class="plotTitle"> ä¸ç»´æ ç»</div> <div class="menuContent"> <div class="menuItem" @click="setMenuClick(item)" @@ -28,14 +71,14 @@ :key="index"> {{ item.name}} </div> </div> <div class="plotTitle"> </div> </div> --> <!-- <div class="plotTitle"> </div> <div class="menuContent"> <div class="menuItem" @click="setMenuClick1()"> æ¸ é¤ç»å¶ </div> </div> </div> --> </div> </div> </template> @@ -139,6 +182,9 @@ showdata1: true, showdata2: true, showsituation: false, treeMenuData: [], currentGradeList: [], showGradeCode: false, }; }, mounted () { @@ -159,9 +205,46 @@ this.showdata1=true; this.showdata2=true; }); axios("static/json/jb.json").then((res) => { this.treeMenuData=this.handleJBData(res.data.children); }); }, methods: { handleNodeClick (item) { if(item.children2&&item.children2.length>0) { let currentGradeList=[]; item.children2.forEach((d) => { if(d.type=="file") { let codeName=d.data.codeName? d.data.codeName.substring(0,d.data.codeName.lastIndexOf("-")):""; currentGradeList.push({ ...d, image: SmartEarthRootUrl+`Workers/image/${d.path.replace(/\\/g,"/")}`, name: d.label, code: codeName, }); } }); this.currentGradeList=currentGradeList; console.log("*****this.currentGradeList",this.currentGradeList); } }, handleJBData (data) { data.forEach(el => { if(el.children&&el.children.length>0) { if(el.children[0].type==='file') { el.children2=el.children delete el.children } else { el.children=this.handleJBData(el.children) } } }); return data }, change () { this.showdata1=false; }, @@ -184,7 +267,94 @@ }); } } }, CreateImageBillboard (item) { const svgstring= "PHN2ZyB3aWR0aD0iNDYwIiBoZWlnaHQ9IjQwOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRlc2M9IkNyZWF0ZWQgd2l0aCBpbWFnZXRyYWNlci5qcyB2ZXJzaW9uIDEuMi41IiA+PHBhdGggZmlsbD0icmdiKDAsMCwwKSIgc3Ryb2tlPSJyZ2IoMCwwLDApIiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9IjEiIGQ9Ik0gMTAyIDM2IEwgMTI2IDU2IEwgMTM4IDQ4IEwgMjMwIDEzNiBMIDMzNCAzNiBRIDM0NiA2MCAzNTggMzYgTCA0MDggODYgTCAzODYgMTEyIEwgMzQyIDY4IEwgMjUyIDE1OCBMIDQzMiAzNDYgTCA0MTAgMzY0IEwgMjI2IDE4NCBMIDQ2IDM2MCBMIDI4IDMzOCBMIDIwNCAxNTggTCAxMTQgNjggTCA3NCAxMDggTCA1MiA5MCBMIDEwMiAzNiBaICIgLz48L3N2Zz4="; // const svgstring = // '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'; const decodedString=atob(svgstring); const svgBinaryString=decodedString; const dataURI=`data:image/svg+xml;base64,${btoa(svgBinaryString)}`; //const dataURI = `data:image/png;base64,${btoa(svgBinaryString)}`; const svgImage=dataURI; if(item.func) { // if (item.func == 'Bezierline' || item.func == 'BezierArrow') { // sgworld.Creator.militaryPlotting(item.func, entity => {}); // } else if(item.func==="Polyline") { sgworld.Creator.createSimpleGraphic( "polyline", { name: item.code+"_"+item.name,showSize: true }, (entity) => { if(!entity) return; entity.name=item.code+"_"+item.name; this.addSimpleGraphicTotree(entity); } ); } else if(item.func==="Polyline2") { sgworld.Creator.createSimpleGraphic( "polyline", { showSize: true }, (entity) => { if(!entity) return; entity.name=item.code+"_"+item.name; this.addSimpleGraphicTotree(entity); } ); } else if( item.func==="Point"|| item.func==="Polygon"|| item.func==="Rectangle"|| item.func==="Circle"|| item.func==="Label"|| item.func==="Billboard" ) { sgworld.Creator.createSimpleGraphic(item.func.toLowerCase(),{},(entity) => { if(!entity) return; entity.name=item.code+"_"+item.name; this.addSimpleGraphicTotree(entity); }); } else if(item.func==="Model") { sgworld.Creator.createSimpleGraphic( "model", { url: SmartEarthRootUrl+`Workers/images/${item.model.replace(/\\/g,"/")}`, name: item.label, removeEdit: false, }, (entity) => { this.addSimpleGraphicTotree(entity); } ); } else { sgworld.Creator.militaryPlotting(item.func,"polygon",(entity) => { if(!entity) return; entity.name=item.code+"_"+item.name; this.addArmyLabelTotree(entity); }); } } else { sgworld.Creator.createSimpleGraphic( "billboard", { name: item.code+"_"+item.name }, (entity) => { if(!entity) return; entity.name=item.code+"_"+item.name; entity.billboard.width._value=44; entity.billboard.height._value=44; // entity.billboard.image._value = SmartEarthRootUrl + `Workers/newPic/${item.name}.png`; entity.billboard.image._value=item.image; // entity.billboard.image._value = svgImage; this.addSimpleGraphicTotree(entity); } ); } }, }, watch: { @@ -195,13 +365,13 @@ <style scoped> .bot { width: 1000px; height: 1150px; height: 1750px; background: url(~@/assets/image/test/22.png); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; left: 3920px; top: 680px; top: 400px; } .top1 { width: 95%; @@ -293,4 +463,117 @@ transform: scale(1.1); color: #494949; } .layerTreeContainer .el-tree { background: transparent; font-size: 30px; color: white; height: 500px; overflow: auto; } .layerTreeContainer .el-tree /deep/ .el-tree-node__content { background-color: transparent !important; height: auto !important; } .layerTreeContainer .el-tree /deep/ .el-tree-node__content:hover { background-color: rgba(255, 255, 255, 0.4) !important; } .layerTreeContainer .el-tree /deep/ .is-current > .el-tree-node__content { background-color: rgba(255, 255, 255, 0.4) !important; } .layerTreeContainer .el-tree /deep/ .is-indeterminate .el-checkbox__inner:before { top: 10px; height: 19px; width: 40px; } .layerTreeContainer .el-tree /deep/ .el-tree-node__expand-icon { font-size: 40px; } .layerTreeContainer .el-tree /deep/ .el-checkbox .el-checkbox__inner { width: 40px; height: 40px; } .layerTreeContainer .el-tree /deep/ .el-checkbox__input.is-checked .el-checkbox__inner:after { border: 7px solid #fff; border-left: 0; border-top: 0; height: 23px; left: 11px; position: absolute; top: 5px; width: 10px; } .layerTreeContainer .el-tree /deep/ .el-checkbox__input .is-checked .el-checkbox__inner { background-color: #409eff; } .layerTreeContainer .el-tree /deep/ .el-checkbox__input.is-checked .el-checkbox__inner { border-color: #409eff; } .gradeContainer { margin-top: 20px; width: 100%; height: 66%; overflow: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; color: #fff; text-align: center; font-size: 11px; } .grade-item { display: flex; flex-direction: column; width: 25%; margin-bottom: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; } .g-title { width: 100%; line-height: 40px; font-size: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #a9eeff; } .g-img { width: 100px; height: 100px; background-image: url(~@/assets/image/subject/itemBg.png); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; } .g-img img { width: 90%; height: 90%; } </style> src/components/viewer.vue
@@ -141,24 +141,24 @@ // window.Viewer.shadows = false; viewer.camera.changed.addEventListener(() => { // è§é« km let alt = ( viewer.camera.positionCartographic.height / 1000 let alt=( viewer.camera.positionCartographic.height/1000 ).toFixed(2); // æ¹ä½è§ let heading = Cesium.Math.toDegrees(viewer.camera.heading).toFixed( let heading=Cesium.Math.toDegrees(viewer.camera.heading).toFixed( 2 ); // ä¿¯ä»°è§ let pitch = Cesium.Math.toDegrees(viewer.camera.pitch).toFixed(2); let pitch=Cesium.Math.toDegrees(viewer.camera.pitch).toFixed(2); // ç¿»æ»è§ let roll = Cesium.Math.toDegrees(viewer.camera.roll).toFixed(2); let roll=Cesium.Math.toDegrees(viewer.camera.roll).toFixed(2); // çº§å« let level = 0; let tileRender = viewer.scene._globe._surface._tilesToRender; if (tileRender && tileRender.length > 0) { level = viewer.scene._globe._surface._tilesToRender[0]._level; let level=0; let tileRender=viewer.scene._globe._surface._tilesToRender; if(tileRender&&tileRender.length>0) { level=viewer.scene._globe._surface._tilesToRender[0]._level; } let str = `级æ°ï¼${level} è§é«ï¼${alt}km æ¹ä½è§ï¼${heading}° 俯仰è§ï¼${pitch}° ç¿»æ»è§ï¼${roll}°`; let str=`级æ°ï¼${level} è§é«ï¼${alt}km æ¹ä½è§ï¼${heading}° 俯仰è§ï¼${pitch}° ç¿»æ»è§ï¼${roll}°`; console.log(str); }); //深度æ£æµ @@ -298,6 +298,10 @@ SC27: () => import("@/components/props/situationComparison10-4"), SC28: () => import("@/components/props/situationComparison7-10"), SC29: () => import("@/components/props/situationComparison7-11"), SC30: () => import("@/components/props/situationComparison7-12"), SC31: () => import("@/components/props/militaryVIdeo"), //åäºæ ç» }, }); }, src/components/wggl/left/czll.vue
@@ -112,6 +112,19 @@ </el-submenu> </el-menu-item-group> </el-submenu> <el-menu-item index="8"> <i class="el-icon-location"></i> <span>éä¿¡æ¹æ¡ç¹ååç³»ç»</span> </el-menu-item> <el-menu-item index="9"> <i class="el-icon-location"></i> <span>éä¿¡æè½è¯ä¼°åç³»ç»</span> </el-menu-item> <el-menu-item index="10"> <i class="el-icon-location"></i> <span>ä½æè¡å¨å½±ååæåç³»ç»</span> </el-menu-item> <!-- <el-submenu index="8"> <template slot="title"> <i class="el-icon-location"></i> @@ -124,17 +137,7 @@ <el-menu-item index="8-4">éä¿¡æ¹æ¡è®²è¯</el-menu-item> </el-menu-item-group> </el-submenu> <el-submenu index="9"> <template slot="title"> <i class="el-icon-location"></i> <span>éä¿¡æè½è¯ä¼°åç³»ç»</span> </template> <el-menu-item-group> <el-menu-item index="9-1">éä¿¡æ¯ä¼¤å½±åè¯ä¼°</el-menu-item> <el-menu-item index="9-2">éä¿¡å¹²æ°å½±åè¯ä¼°</el-menu-item> <el-menu-item index="9-3">è¾ å©è®¡ç®åæ</el-menu-item> </el-menu-item-group> </el-submenu> <el-submenu index="10"> <template slot="title"> <i class="el-icon-location"></i> @@ -204,8 +207,17 @@ }; }, methods: { setMenuClick (res) { }, handleSelect (key,keyPath) { var val=keyPath[1]; var val; if(keyPath.length>1) { val=keyPath[1]; } else { val=keyPath[0]; } switch(val) { case "1-3": this.nowchoose=2; @@ -323,8 +335,15 @@ bus.$emit("showdio",this.nowchoose); break; case "7-4": this.nowchoose="7-4"; bus.$emit("showdio",this.nowchoose); var tlobj={ value: false, value1: true, value2: false, show: true, }; bus.$emit("ishowPlayMp4",tlobj); // this.nowchoose="7-4"; // bus.$emit("showdio",this.nowchoose); break; case "7-5": this.nowchoose="7-5"; @@ -375,6 +394,10 @@ this.nowchoose="8-4"; bus.$emit("showdio",this.nowchoose); break; case '9': window.open('http://221.224.53.36:8082/7S/Home') break; case "9-1": this.nowchoose="9-1"; bus.$emit("showdio",this.nowchoose); src/components/wggl/right/fwxq.vue
@@ -103,7 +103,7 @@ data () { return { top2: [ { img: require("@/assets/image/test/ç» 166.png") }, // { img: require("@/assets/image/test/ç» 166.png") }, { img: require("@/assets/image/test/ç» 167.png") }, { img: require("@/assets/image/test/ç» 168.png") }, ], @@ -182,7 +182,14 @@ // window.imageidXT&&window.Viewer.entities.removeById(window.imageidXT); } if(index==1) { window.createTool=true; // window.createTool=true; var tlobj={ value: false, value1: true, value2: false, show: true, }; bus.$emit("ishowPlayMp4",tlobj); } }, benear () { static/SmartEarthSDK/Workers/image/¾üʱê»æ/ÈËÃñ·À¿Õ²¿ÊðÓëÐж¯/ÈËÃñ·À¿ÕÐж¯/10-44100-1-ÈËÃñ·À¿ÕÊèÉ¢Ðж¯.png
¶Ô±ÈÐÂÎļþ ÎļþÌ«´ó static/layers copy.json
¶Ô±ÈÐÂÎļþ ÎļþÌ«´ó static/layers.json
ÎļþÌ«´ó
