<template>
|
<div class="container">
|
<div id="sdkContainer"></div>
|
|
<div class="bottom">
|
<bottom ref="bottomSon" @LeftRightChange="changeLeftRightCompents"></bottom>
|
</div>
|
<div class="left">
|
<left ref="myleft"></left>
|
</div>
|
|
|
<div class="Right" v-if="Right">
|
<right ref="myright"></right>
|
</div>
|
|
<!-- <div class="WRight" v-if="WaterRight">
|
<waterRight ref="myrightWater" ></waterRight>
|
</div> -->
|
|
|
<div class="top">
|
<top class="topSon"></top>
|
</div>
|
<div class="switchMenu">
|
<div class="switchMenuBtn" @click="switchMenu">
|
<div class="switchMenuBtnBack"></div>
|
<b></b><span>菜单</span>
|
</div>
|
<ul v-show="menuShow">
|
<li>
|
<div @click="showBackMap" :class="{ switchBtnActive: backImageShow }" class="switchBtn">
|
黑色底图
|
</div>
|
</li>
|
<!-- <li>
|
<div @click="showSimpleModel" :class="{ switchBtnActive: simpleModelShow }" class="switchBtn">
|
蓝色模型
|
</div>
|
</li> -->
|
<!-- <li>
|
<div @click="showLowTiltModel" class="switchBtn" :class="{ switchBtnActive: tiltLowModelShow }">
|
3cm倾斜
|
</div>
|
</li>
|
<li>
|
<div @click="showHighTiltModel" class="switchBtn" :class="{ switchBtnActive: tiltHighModelShow }">
|
5cm倾斜
|
</div>
|
</li> -->
|
<li>
|
<div @click="ShowQXData" class="switchBtn" :class="{ switchBtnActive: QXShow }">
|
倾斜区域
|
</div>
|
</li>
|
<!-- <li>-->
|
<!-- <div-->
|
<!-- @click="showTwoTileModel"-->
|
<!-- class="switchBtn"-->
|
<!-- :class="{ switchBtnActive: tileModelTwoShow }"-->
|
<!-- >-->
|
<!-- 倾斜区域二-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<li>
|
<div
|
@click="showOneFineModel"
|
class="switchBtn"
|
:class="{ switchBtnActive: fineModelOneShow }"
|
>
|
精模区域
|
</div>
|
</li>
|
<!-- <li>-->
|
<!-- <div-->
|
<!-- @click="showTwoFineModel"-->
|
<!-- class="switchBtn"-->
|
<!-- :class="{ switchBtnActive: fineModelTwoShow }"-->
|
<!-- >-->
|
<!-- 精模区域二-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<li>
|
<div @click="ShowGHYTArea" class="switchBtn" :class="{ switchBtnActive: GHShow }">
|
规划用地
|
</div>
|
</li>
|
<!-- <li>-->
|
<!-- <div @click="ShowESArea()" class="switchBtn" :class="{ switchBtnActive: ESShow }">-->
|
<!-- 两业五园图-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<li>
|
<div @click="ShowHXArea" class="switchBtn" :class="{ switchBtnActive: HXShow }">
|
轻纺制造区
|
</div>
|
</li>
|
<li>
|
<div @click="ShowHGArea" class="switchBtn" :class="{ switchBtnActive: HGShow }">
|
化工区
|
</div>
|
</li>
|
<li>
|
<div @click="ShowYDArea" class="switchBtn" :class="{ switchBtnActive: YDShow }">
|
燕都新区
|
</div>
|
</li>
|
<li>
|
<div @click="ShowJMArea" class="switchBtn" :class="{ switchBtnActive: JMShow }">
|
企业点位
|
</div>
|
</li>
|
<!-- <li>-->
|
<!--<!– <div @click="ShowLDArea" class="switchBtn" :class="{ switchBtnActive: LDShow }">–>-->
|
<!--<!– 项目落地图–>-->
|
<!--<!– </div>–>-->
|
<!-- </li>-->
|
<li>
|
<div @click="ShowJCArea()" class="switchBtn" :class="{ switchBtnActive: JCShow }">
|
供地区
|
</div>
|
</li>
|
|
<li>
|
<div @click="ShowZDArea" class="switchBtn" :class="{ switchBtnActive: ZDShow }">
|
征地区
|
</div>
|
</li>
|
<li>
|
<div @click="showWhiteModel" class="switchBtn" :class="{ switchBtnActive: whiteModelShow }">
|
在建项目
|
</div>
|
</li>
|
<li>
|
<div @click="ShowBMNameArea" class="switchBtn" :class="{ switchBtnActive: BMNameShow }">
|
项目落地名称
|
</div>
|
</li>
|
<!-- <li>-->
|
<!-- <div @click="ShowJDMYArea" class="switchBtn" :class="{ switchBtnActive: JDMYShow }">-->
|
<!-- 金达钼业-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<!-- <li>-->
|
<!-- <div @click="ShowWater" class="switchBtn" :class="{ switchBtnActive: WaterShow }">-->
|
<!-- 中水管线-->
|
<!-- </div>-->
|
<!-- </li>-->
|
|
|
<!-- <li>-->
|
<!-- <div @click="ShowJSLine" class="switchBtn" :class="{ switchBtnActive: JSShow }">-->
|
<!-- 给水管线-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<!-- <li>-->
|
<!-- <div @click="ShowRQLine" class="switchBtn" :class="{ switchBtnActive: RQShow }">-->
|
<!-- 燃气管线-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<!-- <li>-->
|
<!-- <div @click="ShowZQLine" class="switchBtn" :class="{ switchBtnActive: ZQShow }">-->
|
<!-- 蒸汽管线-->
|
<!-- </div>-->
|
<!-- </li>-->
|
|
<!-- <li>-->
|
<!-- <div @click="ShowWSLine" class="switchBtn" :class="{ switchBtnActive: WSShow }">-->
|
<!-- 污水管线-->
|
<!-- </div>-->
|
<!-- </li>-->
|
|
<!-- <!– //新增水渠 –>-->
|
|
|
<!-- <li>-->
|
<!-- <div @click="ShowZSLine" class="switchBtn" :class="{ switchBtnActive: ZSShow }">-->
|
<!-- 水渠-->
|
<!-- </div>-->
|
<!-- </li>-->
|
|
<!-- <!–基础设施 –>-->
|
<!-- <li>-->
|
<!-- <div @click="ShowBaseEqument" class="switchBtn" :class="{ switchBtnActive: BaseEqumentShow }">-->
|
<!-- 基础设施-->
|
<!-- </div>-->
|
<!-- </li>-->
|
|
<!-- <!–基础设施 –>-->
|
<!-- <!– <li>-->
|
<!-- <div @click="ShowWaterClock" class="switchBtn" :class="{ switchBtnActive: waterClockShow }">-->
|
<!-- 智能水表-->
|
<!-- </div>-->
|
<!-- </li> –>-->
|
|
<!-- <li>-->
|
<!-- <div @click="ShowYJQY" class="switchBtn" :class="{ switchBtnActive: QYShow }">-->
|
<!-- 企业分布-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<li>
|
<div @click="ShowLWLine" class="switchBtn" :class="{ switchBtnActive: LWShow }">
|
路网
|
</div>
|
</li>
|
|
|
<!-- <li>
|
<div @click="ShowYJQY" class="switchBtn" :class="{ switchBtnActive: QYShow }">
|
企业
|
</div>
|
</li>
|
-->
|
|
<!-- <li>
|
<div @click="showQYRL" class="switchBtn" :class="{ switchBtnActive: QYRLShow }">
|
企业产值热力
|
</div>
|
</li>
|
<li>
|
<div @click="showQYZZ" class="switchBtn" :class="{ switchBtnActive: QYZZShow }">
|
企业税收柱状图
|
</div>
|
</li> -->
|
|
|
<!-- <li>
|
<div @click="showSCT" class="switchBtn" :class="{ switchBtnActive: sctShow }">
|
三产图
|
</div>
|
</li>
|
<li>
|
<div @click="showWYT" class="switchBtn" :class="{ switchBtnActive: wytShow }">
|
五园图
|
</div>
|
</li> -->
|
</ul>
|
</div>
|
<div class="legend" v-show="legend">
|
<Mainlegend ref="MainLegend"></Mainlegend>
|
</div>
|
|
<!-- 弹出组件 -->
|
<div width="1000px" class="HGTitle" v-if="dialogVisible1">
|
<div class="dialogHG">
|
<!-- <div class="td1" v-for="item in ModelList">-->
|
<!-- <span class="span2">{{ item.CF }}:{{ item.DW }}</span>-->
|
<!-- </div>-->
|
|
<div class="dialogHG">
|
<div class="td0">
|
<!-- <span>{{qyData.RefName}}</span>-->
|
<span @click="closeDialog" style="position: absolute;top: -8px;right: 8px">❎</span>
|
</div>
|
|
<div class="td1">
|
|
<span class="span1">
|
<img src="../../assets/image/Left/EnterpriseOperation/时光倒流.png" />
|
</span>
|
<span class="span2">序号：{{ XH }}</span>
|
</div>
|
<!-- <div class="td1">-->
|
|
<!-- <span class="span1">-->
|
<!-- <img src="../../assets/image/Left/EnterpriseOperation/生产力.png" />-->
|
<!-- </span>-->
|
<!-- <span class="span2">Id：{{ Id }}</span>-->
|
<!-- </div>-->
|
<div class="td1">
|
<span class="span1">
|
<img src="../../assets/image/Left/EnterpriseOperation/表格.png" />
|
</span>
|
<span class="span2">厂房：{{ CF }}</span>
|
</div>
|
<div class="td2">
|
<!-- <img :src="qyData.IMG" />-->
|
<!-- <img src="../../../assets/image/Left/EnterpriseOperation/HGImg.png" /> -->
|
<!-- span class="span1">
|
<img src="../../../assets/image/Left/Emergency/撞车.png" />
|
</span>
|
<span class="span2">成立时间{{qyData.Time}}</span> -->
|
</div>
|
<div class="td1">
|
<span class="span1">
|
<img src="../../assets/image/Left/EnterpriseOperation/水.png" />
|
</span>
|
<span class="span2">面积：{{ MJ }}</span>
|
</div>
|
<div class="td1">
|
<span class="span1">
|
<img src="../../assets/image/Left/EnterpriseOperation/绿色能源.png" />
|
</span>
|
<span class="span2">负责人：{{ FZR }}</span>
|
</div>
|
<div class="td1">
|
<span class="span1">
|
<img src="../../assets/image/Left/EnterpriseOperation/油桶桶桶.png" />
|
</span>
|
<span class="span2">功能：{{ GH }}</span>
|
</div>
|
<div class="td1" style="border: none;">
|
<span class="span1">
|
<img src="../../assets/image/Left/EnterpriseOperation/绿色能源.png" />
|
</span>
|
<span class="span2">单位：{{ DW }}</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
</div>
|
</template>
|
|
<script>
|
import HttpUrl from "../../config/http.js"
|
|
|
import top from "../Top/index.vue" //顶部组件
|
import bottom from "../Bottom/index.vue" //底部组件
|
import left from "../Left/index.vue" //主页左侧文件
|
import right from "../Right/index.vue" //主页左侧文件
|
|
// import waterRight from "../Right/indexWater.vue"
|
|
import tool from "../Tool/tool.vue"
|
import Mainlegend from "../Tool/legend.vue"
|
|
import axios from "axios";
|
import mapAPI from "../../API/mapAPI.js";
|
|
export default {
|
name: "viewer",
|
components: {
|
top,
|
bottom,
|
left,
|
right,
|
tool,
|
Mainlegend,
|
// waterRight
|
},
|
data() {
|
return {
|
dialogVisible1: false,
|
Right: true,
|
WaterRight: false,
|
ModelList: [],
|
fineModelOneShow: false,
|
fineModelTwoShow: false,
|
whiteModelShow: false,
|
tileModelTwoShow: false,
|
|
menuShow: false,
|
backImageShow: true,
|
simpleModelShow: false,
|
tiltLowModelShow: false,
|
tiltHighModelShow: false,
|
flyLine: null,
|
circleLight: null,
|
scanLight: null,
|
blurStage: null,
|
cyghtShow: false,
|
sctShow: false,
|
wytShow: false,
|
legend: false,
|
|
|
QXShow: false, //倾斜展示
|
HGShow: false, //化工展示
|
BMNameShow: false, //化工展示
|
YDShow: false, //燕都新区展示
|
JMShow: false, //企业地名
|
LDShow: false, //企业地名
|
JCShow: false, //建成区
|
ESShow: false, //二集三化图
|
HXShow: false, //轻纺制造区
|
GHShow: true, //规划展示
|
ZJShow: true, //铁路注记
|
GSShow: true, //高速注记
|
JSShow: false, //给水展示
|
RQShow: false, //燃气展示
|
ZQShow: false, //蒸汽展示
|
ZSShow: false, //中水展示
|
WSShow: false, //污水展示
|
QYShow: false, //企业展示
|
LWShow: false, //路网数据
|
ZDShow: false,//征地数据
|
BMShow: false,//白模数据
|
JDMYShow: false,//
|
WaterShow: false,//"水渠"
|
BaseEqumentShow: false,//基础设施
|
waterClockShow: false,
|
|
|
QYRLShow: false,
|
QYZZShow: false,
|
handler: null,
|
CF: '',
|
DW: '',
|
FZR: '',
|
GH: '',
|
Id: '',
|
MJ:'',
|
XH:''
|
}
|
;
|
},
|
mounted() {
|
|
|
this.$nextTick(function () {
|
//场景
|
window.sceneObj = {
|
backImage: null,
|
effects: [],
|
simpleModel: null,
|
circleLight: null,
|
flyLine: null,
|
scanLight: null,
|
tiltLowModel: null,
|
tiltHighModel: null,
|
companyObj: [],
|
heatmapLayer: null,
|
cyghtLayer: null,
|
sctLayer: null,
|
wytLayer: null,
|
|
qxData1: null, //镂空后倾斜数据
|
qxData2: null, //单体数据
|
qxData3: null, //单体地面
|
qxData4: null, //树木植被
|
qxData5: null, //双创大厦
|
|
//wms
|
RH3Data: null,
|
RH5Data: null,
|
BlueData: null,
|
BlackData: null,
|
HGArea: null,
|
BMNameArea: null,
|
YDArea: null,
|
JMData: null,
|
LDData: null,
|
JCData: null,
|
ESData: null,
|
HXData: null,
|
GHYDData: null,
|
ZJData: null,
|
GSData: null,
|
JSData: null,
|
RQData: null,
|
ZQData: null,
|
ZSData: null,
|
WSData: null,
|
YJData: null,
|
QYData: null,
|
GHData: null,
|
ZDData: null,
|
BMData: null,
|
JDMYData: null,
|
|
|
//label
|
HGAreaL: null,
|
YDAreaL: null,
|
JMDataL: null,
|
BMNameAreaL: null,
|
JDMYDataL: null,
|
JCDataL: null,
|
ESDataL: null,
|
HXDataL: null,
|
GHYDDataL: null,
|
ZJDataL: null,
|
JSDataL: null,
|
RQDataL: null,
|
ZQDataL: null,
|
ZSDataL: null,
|
WSDataL: null,
|
QYDataL: null,
|
LWData: null,
|
|
QYRLLayer: null,
|
QYZZLayer: null,
|
|
WHPQYFB: null,
|
|
|
waterLayer: null,
|
baseEqumentLayer: null,
|
highlight: null,
|
|
waterClock: null,
|
|
WaterLocList: [],//智慧水务的打点信息
|
|
|
handler: null,
|
handlerOnframe: null,
|
|
|
};
|
|
mapAPI.initMap();
|
this.showBackMap();
|
this.InitLoction();
|
// this.getpointer();
|
// this.ShowZJArea();
|
});
|
},
|
methods: {
|
flyToLoction() {
|
sgworld.Viewer.camera.setView({
|
// destination : Cesium.Cartesian3.fromDegrees(120.586486,41.303682 , 30000),
|
destination: Cesium.Cartesian3.fromDegrees(120.504909, 41.632103, 30000),
|
// orientation: {
|
// heading: Cesium.Math.toRadians(-25), // 相机方向指向当地东向
|
// pitch: Cesium.Math.toRadians(-70), // 再将相机方向转向地心，此时Up方向指向当地东向
|
// roll: 0.5
|
// }
|
});
|
},
|
|
InitLoction() {
|
// sgworld.Navigate.flyToPosition(120.586486,41.303682 , 30000);
|
// sgworld.Navigate.flyToPosition(120.504909, 41.632103, 35000);
|
// var pointsInterest = {
|
// destination: Cesium.Cartesian3.fromDegrees(120.504909, 41.572103, 35000),
|
// orientation: {
|
// heading: Cesium.Math.toRadians(15.0),
|
// pitch: Cesium.Math.toRadians(-80.0),
|
// roll: Cesium.Math.toRadians(0.0)
|
// }
|
// };
|
// sgworld.Navigate.flyToPointsInterest(pointsInterest);
|
window.sceneObj.GHYDData = this.createWMSLayer("/gisserver/wmsserver/JKQ_GH2", "");
|
window.sceneObj.ZJData = this.createWMSLayer("/gisserver/wmsserver/JKQ_JTZJ", "");
|
window.sceneObj.GSData = this.createWMSLayer("/gisserver/wfsserver/JKQ_GS", "");
|
|
// window.sceneObj.ZJDataL = this.createWFSLayer(
|
// "http://127.0.0.1:8090/gisserver/wfsserver/JKQ_ZJ_wfs", "交通注记", "[Name]");
|
this.legend = true;
|
},
|
|
//创建wfs服务
|
createWFSLayer(url, layer, attr) {
|
// url ="http://183.162.245.49:3301/gisserver/wfsserver/point_wfs"; //HttpUrl.GISERVEER + url;
|
// layer="shenghuiming";
|
// attr='[name]';
|
this.flyToLoction();
|
let sgwfs = new SmartEarth.WFSTool(Viewer);
|
let dx = sgwfs.CreateWfs("point", {
|
urls: url,
|
layer: layer,
|
text: attr,
|
image: SmartEarthRootUrl + 'Workers/img/mark.png',
|
//offsetX: 400,
|
offsetY: -90,
|
color: '#de3',
|
scale: '2',
|
imageScale: '0.5',
|
disableDepthTestDistance: Infinity
|
});
|
return dx;
|
},
|
|
//创建WMS服务
|
createWMSLayer(url, layer) {
|
this.flyToLoction();
|
|
url = HttpUrl.GISERVEER + url;
|
var dx = sgworld.Creator.createImageryProvider(
|
"gisserver",
|
"wms",
|
{
|
url: url,
|
layers: layer,
|
parameters: {
|
format: "image/png",
|
transparent: true,
|
},
|
},
|
"0",
|
undefined,
|
true,
|
""
|
);
|
|
return dx;
|
},
|
|
//菜单打开关闭
|
switchMenu() {
|
// this.legend = false;
|
this.menuShow = !this.menuShow;
|
},
|
|
//柳城地图
|
createBackImage() {
|
var urls = HttpUrl.GISERVEER + "/gisserver/wmsserver/JKQ_BLUE";
|
window.sceneObj.backImage = sgworld.Creator.createImageryProvider(
|
"gisserver",
|
"wms", {
|
url: urls,
|
layers: "",
|
parameters: {
|
format: "image/png",
|
transparent: true,
|
},
|
},
|
"0",
|
undefined,
|
true,
|
""
|
);
|
},
|
|
//加载黑色地图
|
showBackMap() {
|
if (window.sceneObj.backImage != null) {
|
let show = window.sceneObj.backImage.getVisibility();
|
this.backImageShow = !show;
|
window.sceneObj.backImage.setVisibility(!show);
|
} else {
|
this.createBackImage();
|
}
|
},
|
|
//加载倾斜区域一
|
ShowQXData() {
|
this.QXShow = !this.QXShow;
|
this.showTwoTileModel();
|
if (this.QXShow) {
|
//添加点击事件
|
this.AddMXClick();
|
//this.AddMXClickHighScreen();
|
//镂空后倾斜数据
|
if (window.sceneObj.qxData1 != null) {
|
window.sceneObj.qxData1.setVisibility(this.QXShow);
|
} else {
|
this.Creat3DtileLoad("/gisserver/c3dserver/qingxie1/tileset.json", "1");
|
}
|
|
|
//单体数据
|
// if (window.sceneObj.qxData2 != null) {
|
// window.sceneObj.qxData2.setVisibility(this.QXShow);
|
// } else {
|
// this.Creat3DtileLoad("/gisserver/c3dserver/DT_B3DM/tileset.json", "2");
|
// }
|
|
//单体地面
|
// if (window.sceneObj.qxData3 != null) {
|
// window.sceneObj.qxData3.setVisibility(this.QXShow);
|
// } else {
|
// this.Creat3DtileLoad("/gisserver/c3dserver/DT_DMB3DM/tileset.json", "3");
|
// }
|
|
//树木植被
|
// if (window.sceneObj.qxData4 != null) {
|
// window.sceneObj.qxData4.setVisibility(this.QXShow);
|
// } else {
|
// this.Creat3DtileLoad("/gisserver/c3dserver/DT_SMB3DM/tileset.json", "4");
|
// }
|
|
//双创大厦
|
// if (window.sceneObj.qxData5 != null) {
|
// window.sceneObj.qxData5.setVisibility(this.QXShow);
|
// } else {
|
// this.Creat3DtileLoad("/gisserver/c3dserver/LC_GWHB3DM/tileset.json", "5");
|
// }
|
// } else {
|
//
|
// this.DeleteClick();
|
// if (window.sceneObj.qxData1 != null) {
|
// window.sceneObj.qxData1.setVisibility(this.QXShow);
|
// }
|
// if (window.sceneObj.qxData2 != null) {
|
// window.sceneObj.qxData2.setVisibility(this.QXShow);
|
// }
|
// if (window.sceneObj.qxData3 != null) {
|
// window.sceneObj.qxData3.setVisibility(this.QXShow);
|
// }
|
// if (window.sceneObj.qxData4 != null) {
|
// window.sceneObj.qxData4.setVisibility(this.QXShow);
|
// }
|
// if (window.sceneObj.qxData5 != null) {
|
// window.sceneObj.qxData5.setVisibility(this.QXShow);
|
// }
|
} else {
|
if (window.sceneObj.qxData1 != null) {
|
window.sceneObj.qxData1.setVisibility(this.QXShow);
|
}
|
}
|
},
|
//创建倾斜数据加载
|
Creat3DtileLoad(url, parm) {
|
url = HttpUrl.GISERVEER + url;
|
switch (parm) {
|
case "1":
|
// window.sceneObj.qxData1 =
|
// sgworld.Creator.create3DTilesets("", url, {}, {
|
// groundheight: -160, skipLevelOfDetail: true
|
// }, 0, true, (data) => {
|
// sgworld.Navigate.flyToObj(data);
|
// });
|
var tileset = new Cesium.Cesium3DTileset({
|
url: url,
|
maximumScreenSpaceError: 32, // 【重要】最大屏幕空间错误：16
|
maximumMemoryUsage: 512, // 【重要】最大内存：512
|
dynamicScreenSpaceError: true, // 减少离相机较远的屏幕空间错误：false
|
cullWithChildrenBounds: true, // 使用子项边界体积的并集来剔除图块：true
|
skipLevelOfDetail: true, // 在遍历时候跳过详情：false
|
preferLeaves: true, // 【重要】预装子节点：false
|
loadSiblings: true, // 自动从中心开始超清化模型：false
|
progressiveResolutionHeightFraction: 0.5, // 【重要】数值偏于0能够让初始加载变得模糊：0-0.5
|
});
|
tileset.readyPromise.then(function (tileset) {
|
sgworld.Navigate.flyTo(tileset);
|
window.Viewer.scene.primitives.add(tileset);
|
});
|
|
|
break;
|
case "2":
|
window.sceneObj.qxData2 =
|
sgworld.Creator.create3DTilesets("", url, {}, {
|
groundheight: -130, skipLevelOfDetail: true
|
}, 0, true, (data) => {
|
sgworld.Navigate.flyToObj(data);
|
});
|
break;
|
case "3":
|
window.sceneObj.qxData3 =
|
sgworld.Creator.create3DTilesets("", url, {}, {
|
groundheight: -130,
|
}, 0, true, (data) => {
|
sgworld.Navigate.flyToObj(data);
|
});
|
break;
|
case "4":
|
window.sceneObj.qxData4 =
|
sgworld.Creator.create3DTilesets("", url, {}, {
|
groundheight: -130,
|
}, 0, true, (data) => {
|
sgworld.Navigate.flyToObj(data);
|
});
|
break;
|
case "5":
|
window.sceneObj.qxData5 =
|
sgworld.Creator.create3DTilesets("", url, {}, {
|
groundheight: -220,
|
}, 0, true, (data) => {
|
sgworld.Navigate.flyToObj(data);
|
});
|
break;
|
default:
|
break;
|
}
|
},
|
//倾斜区域二
|
createTwoTileModel() {
|
var url1 =
|
"http://127.0.0.1:8090/gisserver/c3dserver/qingxie2/tileset.json";
|
window.sceneObj.tileModelTwo = sgworld.Creator.create3DTilesets(
|
"",
|
url1,
|
{},
|
{groundheight: -160},
|
// {skipLevelOfDetail: true},
|
0,
|
true,
|
(data) => {
|
}
|
);
|
},
|
|
showTwoTileModel() {
|
this.tileModelTwoShow = !this.tileModelTwoShow;
|
if (this.tileModelTwoShow) {
|
if (window.sceneObj.tileModelTwo != null) {
|
window.sceneObj.tileModelTwo.setVisibility(this.tileModelTwoShow);
|
} else {
|
this.createTwoTileModel();
|
}
|
} else {
|
if (window.sceneObj.tileModelTwo != null) {
|
window.sceneObj.tileModelTwo.setVisibility(this.tileModelTwoShow);
|
}
|
}
|
},
|
|
createOneFineModel() {
|
// var url1 =
|
// "http://127.0.0.1:8090/gisserver/c3dserver/05201/tileset.json";
|
var url1 =
|
"http://127.0.0.1:8090/gisserver/c3dserver/JKQ_JM/tileset.json";
|
window.sceneObj.fineModelOne = sgworld.Creator.create3DTilesets(
|
"",
|
url1,
|
{},
|
{groundheight: -175},
|
{skipLevelOfDetail: true},
|
0,
|
true,
|
(data) => {
|
}
|
);
|
|
},
|
createTwoFineModel() {
|
// var url1 =
|
// "http://127.0.0.1:8090/gisserver/c3dserver/05202/tileset.json";
|
var url1 ="";
|
window.sceneObj.fineModelTwo = sgworld.Creator.create3DTilesets(
|
"",
|
url1,
|
{},
|
{groundheight: -190},
|
{skipLevelOfDetail: true},
|
0,
|
true,
|
(data) => {
|
}
|
);
|
},
|
createWhiteModel() {
|
var url1 =
|
// "http://127.0.0.1:8090/gisserver/c3dserver/BM_B3DM/tileset.json";
|
// "http://127.0.0.1:8090/gisserver/c3dserver/05202/tileset.json";
|
"http://127.0.0.1:8090/gisserver/c3dserver/JKBM/tileset.json";
|
window.sceneObj.whiteModel = sgworld.Creator.create3DTilesets(
|
"",
|
url1,
|
{},
|
{},
|
// {groundheight: -160},
|
// {skipLevelOfDetail: true},
|
0,
|
true,
|
(data) => {
|
}
|
);
|
},
|
//精模数据一
|
showOneFineModel() {
|
this.showTwoFineModel();
|
this.ShowJDMYArea();
|
this.fineModelOneShow = !this.fineModelOneShow;
|
if (this.fineModelOneShow) {
|
if (window.sceneObj.fineModelOne != null) {
|
window.sceneObj.fineModelOne.setVisibility(this.fineModelOneShow);
|
} else {
|
this.createOneFineModel();
|
}
|
} else {
|
if (window.sceneObj.fineModelOne != null) {
|
window.sceneObj.fineModelOne.setVisibility(this.fineModelOneShow);
|
}
|
|
}
|
},
|
//精模数据二
|
showTwoFineModel() {
|
this.fineModelTwoShow = !this.fineModelTwoShow;
|
if (this.fineModelTwoShow) {
|
if (window.sceneObj.fineModelTwo != null) {
|
window.sceneObj.fineModelTwo.setVisibility(this.fineModelTwoShow);
|
} else {
|
this.createTwoFineModel();
|
}
|
} else {
|
if (window.sceneObj.fineModelTwo != null) {
|
window.sceneObj.fineModelTwo.setVisibility(this.fineModelTwoShow);
|
}
|
}
|
},
|
//在建项目数据
|
showWhiteModel() {
|
var pointsInterest = {
|
destination: Cesium.Cartesian3.fromDegrees(120.544909, 41.542103, 15000),
|
orientation: {
|
heading: Cesium.Math.toRadians(-15.0),
|
pitch: Cesium.Math.toRadians(-60.0),
|
roll: Cesium.Math.toRadians(0.0)
|
}
|
};
|
sgworld.Navigate.flyToPointsInterest(pointsInterest);
|
this.ShowLDArea();
|
this.whiteModelShow = !this.whiteModelShow;
|
if (this.whiteModelShow) {
|
if (window.sceneObj.whiteModel != null) {
|
window.sceneObj.whiteModel.setVisibility(this.whiteModelShow);
|
} else {
|
this.createWhiteModel();
|
}
|
} else {
|
if (window.sceneObj.whiteModel != null) {
|
window.sceneObj.whiteModel.setVisibility(this.whiteModelShow);
|
}
|
}
|
},
|
//白模名字wms
|
// ShowBMNameArea() {
|
// this.BMNameShow = !this.BMNameShow;
|
// if (this.BMNameShow) {
|
// //加载wms服务
|
// if (window.sceneObj.BMNameArea != null) {
|
// window.sceneObj.BMNameArea.setVisibility(this.BMNameShow);
|
// } else {
|
// window.sceneObj.BMNameArea = this.createWMSLayer(
|
// "/gisserver/wmsserver/BM_MC", "");
|
// }
|
//
|
// } else {
|
// if (window.sceneObj.BMNameArea != null) {
|
// window.sceneObj.BMNameArea.setVisibility(this.BMNameShow);
|
// }
|
// }
|
// },
|
//白模名字wfs
|
ShowBMNameArea() {
|
this.BMNameShow = !this.BMNameShow;
|
if (this.BMNameShow) {
|
//加载wfs服务
|
if (window.sceneObj.BMNameAreaL != null) {
|
window.sceneObj.BMNameAreaL.setVisibility(this.BMNameShow);
|
} else {
|
window.sceneObj.BMNameAreaL = this.createWFSLayer(
|
"http://127.0.0.1:8090/gisserver/wfsserver/BM_MC2_wfs", "建筑名称84", "[NAME]");
|
}
|
} else {
|
if (window.sceneObj.BMNameAreaL != null) {
|
window.sceneObj.BMNameAreaL.setVisibility(this.BMNameShow);
|
}
|
}
|
},
|
//展示化工
|
ShowHGArea() {
|
this.HGShow = !this.HGShow;
|
if (this.HGShow) {
|
//加载wms服务
|
if (window.sceneObj.HGArea != null) {
|
window.sceneObj.HGArea.setVisibility(this.HGShow);
|
} else {
|
window.sceneObj.HGArea = this.createWMSLayer(
|
"/gisserver/wmsserver/JKQ_HGQ", "");
|
}
|
|
} else {
|
if (window.sceneObj.HGArea != null) {
|
window.sceneObj.HGArea.setVisibility(this.HGShow);
|
}
|
}
|
},
|
//展示燕都新区
|
ShowYDArea() {
|
this.YDShow = !this.YDShow;
|
if (this.YDShow) {
|
//加载wms服务
|
if (window.sceneObj.YDArea != null) {
|
window.sceneObj.YDArea.setVisibility(this.YDShow);
|
} else {
|
window.sceneObj.YDArea = this.createWMSLayer(
|
"/gisserver/wmsserver/JKQ_YDXQ", "");
|
}
|
|
} else {
|
if (window.sceneObj.YDArea != null) {
|
window.sceneObj.YDArea.setVisibility(this.YDShow);
|
}
|
}
|
},
|
//展示企业地名
|
ShowJMArea() {
|
this.JMShow = !this.JMShow;
|
if (this.JMShow) {
|
//加载wfs服务
|
if (window.sceneObj.JMDataL != null) {
|
window.sceneObj.JMDataL.setVisibility(this.JMShow);
|
} else {
|
window.sceneObj.JMDataL = this.createWFSLayer(
|
"http://127.0.0.1:8090/gisserver/wfsserver/JKQ_QYD_wfs", "dianwei", "[NAME]");
|
}
|
} else {
|
if (window.sceneObj.JMDataL != null) {
|
window.sceneObj.JMDataL.setVisibility(this.JMShow);
|
}
|
}
|
},
|
ShowLDArea() {
|
this.LDShow = !this.LDShow;
|
if (this.LDShow) {
|
//加载wms服务
|
if (window.sceneObj.LDData != null) {
|
window.sceneObj.LDData.setVisibility(this.LDShow);
|
} else {
|
window.sceneObj.LDData = this.createWMSLayer(
|
"/gisserver/wmsserver/JKQ_XMLDT", "");
|
}
|
|
} else {
|
if (window.sceneObj.LDData != null) {
|
window.sceneObj.LDData.setVisibility(this.LDShow);
|
}
|
}
|
},
|
|
//展示供地区
|
ShowJCArea() {
|
this.JCShow = !this.JCShow;
|
if (this.JCShow) {
|
//加载wms服务
|
if (window.sceneObj.JCData != null) {
|
window.sceneObj.JCData.setVisibility(this.JCShow);
|
} else {
|
window.sceneObj.JCData = this.createWMSLayer(
|
// "/gisserver/wmsserver/GH_JCQ", "");
|
"/gisserver/wmsserver/JK_GD", "");
|
}
|
|
} else {
|
if (window.sceneObj.JCData != null) {
|
window.sceneObj.JCData.setVisibility(this.JCShow);
|
}
|
}
|
},
|
|
//征地区
|
ShowZDArea() {
|
this.ZDShow = !this.ZDShow;
|
if (this.ZDShow) {
|
//加载wms服务
|
if (window.sceneObj.ZDData != null) {
|
window.sceneObj.ZDData.setVisibility(this.ZDShow);
|
} else {
|
window.sceneObj.ZDData = this.createWMSLayer(
|
// "/gisserver/wmsserver/GH_ZDQYJX", "");
|
"/gisserver/wmsserver/JK_ZD", "");
|
}
|
|
} else {
|
if (window.sceneObj.ZDData != null) {
|
window.sceneObj.ZDData.setVisibility(this.ZDShow);
|
}
|
}
|
},
|
//金达
|
ShowJDMYArea() {
|
this.JDMYShow = !this.JDMYShow;
|
if (this.JDMYShow) {
|
//加载wfs服务
|
this.AddMXClick();
|
if (window.sceneObj.JDMYDataL != null) {
|
window.sceneObj.JDMYDataL.setVisibility(this.JDMYShow);
|
} else {
|
window.sceneObj.JDMYDataL = this.createWFSLayer(
|
"http://127.0.0.1:8090/gisserver/wfsserver/JKQ_JDMY_wfs", "JDMY", );
|
}
|
} else {
|
if (window.sceneObj.JDMYDataL != null) {
|
window.sceneObj.JDMYDataL.setVisibility(this.JDMYShow);
|
}
|
}
|
},
|
|
|
//二集三化图
|
ShowESArea() {
|
this.ESShow = !this.ESShow;
|
if (this.ESShow) {
|
//加载wms服务
|
if (window.sceneObj.ESData != null) {
|
window.sceneObj.ESData.setVisibility(this.ESShow);
|
} else {
|
window.sceneObj.ESData = this.createWMSLayer(
|
"/gisserver/wmsserver/JKQ_EJSH", "");
|
}
|
|
} else {
|
if (window.sceneObj.ESData != null) {
|
window.sceneObj.ESData.setVisibility(this.ESShow);
|
}
|
}
|
},
|
|
//展示轻纺制造区
|
ShowHXArea() {
|
this.HXShow = !this.HXShow;
|
if (this.HXShow) {
|
//加载wms服务
|
if (window.sceneObj.HXData != null) {
|
window.sceneObj.HXData.setVisibility(this.HXShow);
|
} else {
|
window.sceneObj.HXData = this.createWMSLayer(
|
"/gisserver/wmsserver/JKQ_QFZZY1_wms", "");
|
}
|
|
} else {
|
if (window.sceneObj.HXData != null) {
|
window.sceneObj.HXData.setVisibility(this.HXShow);
|
}
|
}
|
},
|
|
//展示规划区
|
ShowGHYTArea() {
|
this.GHShow = !this.GHShow;
|
this.legend = this.GHShow;
|
this.ShowZJArea1();
|
this.ShowGSArea();
|
if (this.GHShow) {
|
//加载wms服务
|
if (window.sceneObj.GHYDData != null) {
|
window.sceneObj.GHYDData.setVisibility(this.GHShow);
|
} else {
|
// window.sceneObj.GHYDData =this.createWMSLayer("/gisserver/wmsserver/LC_GH","");
|
window.sceneObj.GHYDData = this.createWMSLayer("/gisserver/wmsserver/JKQ_GH2", "");
|
}
|
|
} else {
|
if (window.sceneObj.GHYDData != null) {
|
window.sceneObj.GHYDData.setVisibility(this.GHShow);
|
}
|
}
|
},
|
//铁路注记WFS
|
ShowZJArea() {
|
this.ZJShow = !this.ZJShow;
|
if (this.ZJShow) {
|
//加载wfs服务
|
if (window.sceneObj.ZJDataL != null) {
|
window.sceneObj.ZJDataL.setVisibility(this.ZJShow);
|
} else {
|
window.sceneObj.ZJDataL = this.createWFSLayer(
|
"http://127.0.0.1:8090/gisserver/wfsserver/JKQ_ZJ_wfs", "交通注记", "[Name]");
|
}
|
} else {
|
if (window.sceneObj.ZJDataL != null) {
|
window.sceneObj.ZJDataL.setVisibility(this.ZJShow);
|
}
|
}
|
},
|
//交通注记WMS
|
ShowZJArea1() {
|
this.ZJShow = !this.ZJShow;
|
if (this.ZJShow) {
|
//加载wms服务
|
if (window.sceneObj.ZJData != null) {
|
window.sceneObj.ZJData.setVisibility(this.ZJShow);
|
} else {
|
window.sceneObj.ZJData = this.createWMSLayer(
|
"/gisserver/wfsserver/JKQ_JTZJ", "");
|
}
|
|
} else {
|
if (window.sceneObj.ZJData != null) {
|
window.sceneObj.ZJData.setVisibility(this.ZJShow);
|
}
|
}
|
},
|
//高速WMS
|
ShowGSArea() {
|
this.GSShow = !this.GSShow;
|
if (this.GSShow) {
|
//加载wms服务
|
if (window.sceneObj.GSData != null) {
|
window.sceneObj.GSData.setVisibility(this.GSShow);
|
} else {
|
window.sceneObj.GSData = this.createWMSLayer(
|
"/gisserver/wfsserver/JKQ_GS", "");
|
}
|
|
} else {
|
if (window.sceneObj.GSData != null) {
|
window.sceneObj.GSData.setVisibility(this.GSShow);
|
}
|
}
|
},
|
//给水管线
|
ShowJSLine() {
|
this.JSShow = !this.JSShow;
|
if (this.JSShow) {
|
//加载wms服务
|
if (window.sceneObj.JSData != null) {
|
window.sceneObj.JSData.setVisibility(this.JSShow);
|
} else {
|
window.sceneObj.JSData = this.createWMSLayer("/gisserver/wmsserver/GH_JS",
|
"");
|
}
|
|
} else {
|
if (window.sceneObj.JSData != null) {
|
window.sceneObj.JSData.setVisibility(this.JSShow);
|
}
|
}
|
|
},
|
|
//燃气管线
|
ShowRQLine() {
|
this.RQShow = !this.RQShow;
|
if (this.RQShow) {
|
//加载wms服务
|
if (window.sceneObj.RQData != null) {
|
window.sceneObj.RQData.setVisibility(this.RQShow);
|
} else {
|
window.sceneObj.RQData = this.createWMSLayer("/gisserver/wmsserver/GH_RQ",
|
"");
|
}
|
|
} else {
|
if (window.sceneObj.RQData != null) {
|
window.sceneObj.RQData.setVisibility(this.RQShow);
|
}
|
}
|
|
},
|
|
//蒸汽管线
|
ShowZQLine() {
|
this.ZQShow = !this.ZQShow;
|
if (this.ZQShow) {
|
//加载wms服务
|
if (window.sceneObj.ZQData != null) {
|
window.sceneObj.ZQData.setVisibility(this.ZQShow);
|
} else {
|
window.sceneObj.ZQData = this.createWMSLayer("/gisserver/wmsserver/GH_ZQ",
|
"");
|
}
|
|
} else {
|
if (window.sceneObj.ZQData != null) {
|
window.sceneObj.ZQData.setVisibility(this.ZQShow);
|
}
|
}
|
|
},
|
|
//水渠
|
ShowZSLine() {
|
this.ZSShow = !this.ZSShow;
|
if (this.ZSShow) {
|
//加载wms服务
|
if (window.sceneObj.ZSData != null) {
|
window.sceneObj.ZSData.setVisibility(this.ZSShow);
|
} else {
|
window.sceneObj.ZSData = this.createWMSLayer("/gisserver/wmsserver/GH_ZS",
|
"");
|
}
|
|
} else {
|
if (window.sceneObj.ZSData != null) {
|
window.sceneObj.ZSData.setVisibility(this.ZSShow);
|
}
|
}
|
|
},
|
|
//污水管线
|
ShowWSLine() {
|
this.WSShow = !this.WSShow;
|
if (this.WSShow) {
|
//加载wms服务
|
if (window.sceneObj.WSData != null) {
|
window.sceneObj.WSData.setVisibility(this.WSShow);
|
} else {
|
window.sceneObj.WSData = this.createWMSLayer("/gisserver/wmsserver/GH_WS",
|
"");
|
}
|
|
} else {
|
if (window.sceneObj.WSData != null) {
|
window.sceneObj.WSData.setVisibility(this.WSShow);
|
}
|
}
|
|
},
|
|
//已建企业 企业分布
|
ShowYJQY() {
|
this.QYShow = !this.QYShow;
|
if (this.QYShow) {
|
|
//加载wfs服务
|
if (window.sceneObj.QYDataL != null) {
|
window.sceneObj.QYDataL.setVisibility(this.QYShow);
|
} else {
|
window.sceneObj.QYDataL = this.createWFSLayer(
|
"/gisserver/wfsserver/LC_YJQY_ZX_wfs", "LC_YJQY_ZX", "[JianCheng]");
|
}
|
|
} else {
|
|
if (window.sceneObj.QYDataL != null) {
|
window.sceneObj.QYDataL.setVisibility(this.QYShow);
|
}
|
|
}
|
|
},
|
|
//企业热力图
|
showQYRL() {
|
this.QYRLShow = !this.QYRLShow;
|
if (this.QYRLShow) {
|
if (window.sceneObj.QYRLLayer != null) {
|
window.sceneObj.QYRLLayer.setVisibility(true);
|
} else {
|
axios.get("/data/GH_YJQY.json").then((response) => {
|
window.sceneObj.QYRLLayer = mapAPI.createHeatMap(
|
response,
|
"LJchanzhi"
|
);
|
});
|
}
|
} else {
|
if (window.sceneObj.QYRLLayer != null) {
|
window.sceneObj.QYRLLayer.setVisibility(false);
|
}
|
}
|
},
|
|
//企业税收
|
showQYZZ() {
|
this.QYZZShow = !this.QYZZShow;
|
if (this.QYZZShow) {
|
if (window.sceneObj.QYZZLayer != null) {
|
sgworld.ProjectTree.setVisibility(window.sceneObj.QYZZLayer, true);
|
} else {
|
axios.get("/data/GH_YJQY.json").then((response) => {
|
window.sceneObj.QYZZLayer = mapAPI.createMapBar(
|
response,
|
"LJshuishou"
|
);
|
});
|
}
|
} else {
|
if (window.sceneObj.QYZZLayer != null) {
|
sgworld.ProjectTree.setVisibility(window.sceneObj.QYZZLayer, false);
|
}
|
}
|
},
|
|
//路网数据
|
ShowLWLine() {
|
this.LWShow = !this.LWShow;
|
if (this.LWShow) {
|
//加载wms服务
|
if (window.sceneObj.LWData != null) {
|
window.sceneObj.LWData.setVisibility(this.LWShow);
|
} else {
|
window.sceneObj.LWData = this.createWMSLayer("/gisserver/wmsserver/JKQ_LW",
|
"");
|
}
|
|
} else {
|
if (window.sceneObj.LWData != null) {
|
window.sceneObj.LWData.setVisibility(this.LWShow);
|
}
|
}
|
},
|
|
//中水管线
|
ShowWater() {
|
this.WaterShow = !this.WaterShow;
|
if (this.WaterShow) {
|
//加载wms服务
|
if (window.sceneObj.waterLayer != null) {
|
window.sceneObj.waterLayer.setVisibility(this.WaterShow);
|
} else {
|
window.sceneObj.waterLayer = this.createWMSLayer("/gisserver/wmsserver/GH_ZSGX",
|
"");
|
}
|
|
} else {
|
if (window.sceneObj.waterLayer != null) {
|
window.sceneObj.waterLayer.setVisibility(this.WaterShow);
|
}
|
}
|
|
|
},
|
|
//基础设施
|
ShowBaseEqument() {
|
this.BaseEqumentShow = !this.BaseEqumentShow;
|
if (this.BaseEqumentShow) {
|
|
//加载wfs服务
|
if (window.sceneObj.baseEqumentLayer != null) {
|
window.sceneObj.baseEqumentLayer.setVisibility(this.BaseEqumentShow);
|
} else {
|
window.sceneObj.baseEqumentLayer = this.createWFSLayer(
|
"/gisserver/wfsserver/LC_JCSS_wfs", "LC_JCSS", "[NAME]");
|
}
|
|
} else {
|
|
if (window.sceneObj.baseEqumentLayer != null) {
|
window.sceneObj.baseEqumentLayer.setVisibility(this.BaseEqumentShow);
|
}
|
|
}
|
|
},
|
|
//智能水表
|
// ShowWaterClock(){
|
|
// this.waterClockShow = !this.waterClockShow;
|
// if (this.waterClockShow) {
|
|
// //加载wfs服务
|
// if (window.sceneObj.wa != null) {
|
// window.sceneObj.waterClock.setVisibility(this.waterClockShow);
|
// } else {
|
// window.sceneObj.waterClock =this.createWFSLayer(
|
// "/gisserver/wfsserver/LC_JCSS_wfs", "LC_JCSS", "[NAME]");
|
// }
|
|
// } else {
|
|
// if (window.sceneObj.waterClock != null) {
|
// window.sceneObj.waterClock.setVisibility(this.waterClockShow);
|
// }
|
|
// }
|
// },
|
|
|
//加载图例数据
|
showLegend(parm) {
|
this.$refs.MainLegend.GetCurrentLegned(parm);
|
},
|
|
//改变左右两边数据
|
changeLeftRightCompents(parm) {
|
this.$refs.myright.componentDisplay(parm);
|
this.$refs.myleft.componentDisplay(parm);
|
if (parm == "5") {
|
//给水
|
this.JSShow = false;
|
this.ShowJSLine();
|
//污水
|
this.WSShow = false;
|
this.ShowWSLine();
|
//中水
|
this.WaterShow = false;
|
this.ShowWater();
|
} else {
|
//给水
|
this.JSShow = true;
|
this.ShowJSLine();
|
//污水
|
this.WSShow = true;
|
this.ShowWSLine();
|
//中水
|
this.WaterShow = true;
|
this.ShowWater();
|
}
|
},
|
|
//点击事件
|
AddMXClick() {
|
this.handler = new Cesium.ScreenSpaceEventHandler(sgworld.Viewer.scene.canvas);
|
let _that = this;
|
this.handler.setInputAction(function (event) {
|
var pickFeature = sgworld.Viewer.scene.pick(event.position);
|
if (pickFeature.id) {
|
console.log(pickFeature.id.attributes)
|
// _that.ModelList = [];
|
_that.CF = pickFeature.id.attributes.CF;
|
_that.DW = pickFeature.id.attributes.DW;
|
_that.FZR = pickFeature.id.attributes.FZR;
|
_that.GH = pickFeature.id.attributes.GH;
|
_that.Id = pickFeature.id.attributes.Id;
|
_that.MJ = pickFeature.id.attributes.MJ锛堛帯;
|
_that.XH = pickFeature.id.attributes.XH;
|
// names.forEach(name => {
|
// let obj = {
|
// CF: CF,
|
// DW: DW,
|
// FZR:FZR,
|
// GH:GH,
|
// Id:Id,
|
// MJ:MJ,
|
// XH:XH
|
// }
|
// _that.ModelList.push(obj);
|
// })
|
|
_that.dialogVisible1 = true;
|
} else {
|
_that.dialogVisible1 = false;
|
}
|
|
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
},
|
|
closeDialog(){
|
this.dialogVisible1 =false;
|
},
|
|
//去除左击事件
|
DeleteClick() {
|
if (this.handler != null) {
|
this.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
this.handler = null;
|
}
|
},
|
|
|
//添加图表的tooltip事件
|
AddToolTip() {
|
|
}
|
|
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.container {
|
height: 100%;
|
width: 100%;
|
|
}
|
|
#sdkContainer {
|
width: 100%;
|
height: 100%;
|
|
}
|
|
.top {
|
position: absolute;
|
top: 0px;
|
left: 305px;
|
height: 148px;
|
width: 3803px;
|
}
|
|
|
.bottom {
|
position: absolute;
|
bottom: 0px;
|
left: 0px;
|
height: 220px;
|
width: 100%;
|
background: url(../../assets/image/Bottom/底部框.png);
|
background-repeat: no-repeat;
|
|
}
|
|
.left,
|
.Right {
|
position: absolute;
|
width: 1050px;
|
height: 100%;
|
background-color: transparent;
|
}
|
|
|
.left {
|
left: 0px;
|
top: 0px;
|
background: url(../../assets/image/Left/z1.png);
|
background-repeat: no-repeat;
|
background-size: 100% 100%;
|
}
|
|
.Right {
|
right: 0px;
|
top: 0px;
|
background: url(../../assets/image/Left/y1.png);
|
background-repeat: no-repeat;
|
background-size: 100% 100%;
|
}
|
|
.WRight {
|
z-index: 999;
|
position: absolute;
|
right: 0px;
|
top: 200px;
|
width: 4000px;
|
height: calc(100% - 340px);
|
// background-color: red;
|
}
|
|
|
.topSon {
|
height: 100%;
|
width: 100%;
|
}
|
|
.tool {
|
position: absolute;
|
width: 300px;
|
height: 500px;
|
right: 2050px;
|
top: 200px;
|
background-color: red;
|
}
|
|
@-webkit-keyframes rotation {
|
from {
|
-webkit-transform: rotate(0deg);
|
}
|
|
to {
|
-webkit-transform: rotate(360deg);
|
}
|
}
|
|
.switchBtnActive {
|
box-shadow: inset 0px -3px 7px 0px #ffbb00 !important;
|
background: linear-gradient(to bottom, #ffbb00 5%, #fbff00 100%) !important;
|
background-color: #ffbb00 !important;
|
color: #000 !important;
|
}
|
|
.switchMenuBtn b {
|
width: 30px;
|
height: 30px;
|
margin: 25px;
|
display: block;
|
background: url("../../assets/image/tool/cd.png");
|
background-size: 100% 100%;
|
transition: all 0.2s;
|
}
|
|
.switchMenuBtn span {
|
text-align: center;
|
color: #ffffffff;
|
overflow: hidden;
|
font-size: 20px;
|
display: block;
|
visibility: hidden;
|
margin-top: -40px;
|
}
|
|
.switchMenuBtn:hover b {
|
margin-top: 10px;
|
visibility: hidden;
|
}
|
|
.switchMenuBtn:hover span {
|
visibility: visible;
|
}
|
|
.switchMenuBtn {
|
width: 80px;
|
height: 80px;
|
}
|
|
.switchMenuBtnBack {
|
-webkit-transform: rotate(360deg);
|
animation: rotation 8s linear infinite;
|
-moz-animation: rotation 8s linear infinite;
|
-webkit-animation: rotation 8s linear infinite;
|
-o-animation: rotation 8s linear infinite;
|
position: absolute;
|
top: 0px;
|
left: 0px;
|
background: url(../../assets/image/tool/switch.png) no-repeat;
|
background-size: 100% 100%;
|
width: 80px;
|
height: 80px;
|
}
|
|
.switchMenuBtnBack:hover {
|
background: url(../../assets/image/tool/switch_h.png) no-repeat;
|
background-size: 100% 100%;
|
}
|
|
.switchMenu {
|
position: absolute;
|
top: 125px;
|
left: 1275px;
|
z-index: 999;
|
font-size: 20px;
|
}
|
|
.switchBtn {
|
width: 120%;
|
text-align: center;
|
line-height: 40px;
|
height: 40px;
|
box-shadow: inset 0px -3px 7px 0px #0d659c;
|
background: linear-gradient(to bottom, #0d659c 5%, #023e72 100%);
|
background-color: #0d659c;
|
border-radius: 3px;
|
display: inline-block;
|
cursor: pointer;
|
color: #ffffff;
|
font-family: Arial;
|
font-size: 26px;
|
letter-spacing: 4px;
|
padding: 9px 23px;
|
text-decoration: none;
|
text-shadow: 0px 1px 0px #263666;
|
}
|
|
.switchBtn:hover {
|
background: linear-gradient(to bottom, #023e72 5%, #0d659c 100%);
|
background-color: #023e72;
|
}
|
|
.switchBtn:active {
|
position: relative;
|
top: 1px;
|
}
|
|
.switchMenu ul {
|
position: absolute;
|
top: 100px;
|
}
|
|
.switchMenu li {
|
height: 40px;
|
margin-top: 35px;
|
width: 150px;
|
}
|
|
//图例
|
.legend {
|
height: 560px;
|
width: 350px;
|
position: absolute;
|
right: 1258px;
|
bottom: 95px;
|
border: solid 1px #2C559D;
|
background-color: rgba(44, 85, 157, 0.5);
|
}
|
|
|
.HGTitle {
|
background-image: url("../../assets/image/Left/EnterpriseOperation/secondbg.png");
|
background-size: 100% 100%;
|
background-repeat: no-repeat;
|
background-color: transparent;
|
display: flex;
|
display: -ms-flex;
|
/* 兼容IE */
|
flex-direction: column;
|
-ms-flex-direction: column;
|
/* 兼容IE */
|
margin: 0 !important;
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
max-height: calc(100% - 30px);
|
max-width: calc(100% - 30px);
|
}
|
|
.dialogHG {
|
padding-left: 100px;
|
padding-right: 100px;
|
|
border-radius: 10px;
|
height: 900px;
|
width: calc(100% - 200px);
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: center;
|
color: #FFFFFF;
|
font-size: 40px;
|
letter-spacing: 2px;
|
overflow-y: scroll;
|
|
|
.td1 {
|
height: 120px;
|
width: 100%;
|
font-size: 40px;
|
display: flex;
|
flex-direction: row;
|
border-bottom: solid 1px #FFF;
|
}
|
|
|
.span1 {
|
width: 20%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.span2 {
|
width: 100%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: flex-start;
|
}
|
|
}
|
|
|
::-webkit-scrollbar {
|
width: 6px;
|
height: 6px;
|
background-color: #00000040;
|
}
|
|
::-webkit-scrollbar-thumb {
|
background-color: rgba(0, 0, 0, 1);
|
border-radius: 10px;
|
}
|
|
::-webkit-scrollbar-track {
|
background-color: transparent;
|
}
|
|
|
</style>
|
