<template>
|
<div>
|
<div class="closeBtn">
|
<span>系统链接</span><span class="closeSpan" @click="closeJm">×</span>
|
</div>
|
<hr />
|
<div class="cjms">
|
<a
|
href="http://10.9.2.29:8080/#/login?token=1ed14c5157acb8088efe65bc93a032c3"
|
target="_blank"
|
>视图大数据平台</a
|
>
|
<!-- <div class="fjx"></div>
|
<div class="cjms-tol1">
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<ul>
|
<li :class="isOpen['snms'] ? 'active' : ''" @click="snms">
|
<img
|
class="left-function"
|
src="@/assets/img/left/cjms/snms.png"
|
/>
|
<span>室内模式</span>
|
</li>
|
<li @click="dxms" :class="isOpen['dxms'] ? 'active' : ''">
|
<img
|
class="left-function"
|
src="@/assets/img/left/cjms/dxms.png"
|
/>
|
<span>地下模式</span>
|
</li>
|
|
<li @click="jjms" :class="isOpen['jjms'] ? 'active' : ''">
|
<img
|
class="left-function"
|
src="@/assets/img/left/cjms/dxms.png"
|
/>
|
<span>街景</span>
|
</li>
|
</ul>
|
</el-col>
|
<el-col :span="12">
|
<ul>
|
<li @click="yy" :class="isOpen['yy'] ? 'active' : ''">
|
<img
|
class="left-function"
|
src="@/assets/img/left/cjms/yyms.png"
|
/>
|
<span>鹰眼模式</span>
|
</li>
|
<li @click="qqgw" :class="isOpen['qqgw'] ? 'active' : ''">
|
<img
|
class="left-function"
|
src="@/assets/img/left/cjms/qqwg.png"
|
/>
|
<span>全球网格</span>
|
</li>
|
</ul>
|
</el-col>
|
</el-row>
|
</div> -->
|
</div>
|
</div>
|
</template>
|
|
<style scoped>
|
.cjms a {
|
text-decoration: none;
|
color: #fff;
|
font-size: 16px;
|
display: block;
|
margin: 20px;
|
}
|
/* yhadd */
|
.fjx {
|
position: absolute;
|
height: 20%;
|
border-right: 1px solid #dddddd;
|
width: 0px;
|
left: 50%;
|
}
|
.closeBtn {
|
color: white;
|
position: relative;
|
height: 42px;
|
line-height: 42px;
|
font-size: 17px;
|
padding-left: 10px;
|
}
|
.closeSpan {
|
position: absolute;
|
font-size: 30px;
|
right: 0;
|
color: white;
|
transition: 1s;
|
}
|
.closeSpan:hover {
|
cursor: pointer;
|
transform: rotateZ(90deg);
|
}
|
hr {
|
width: 114%;
|
margin: 11px 0;
|
margin-left: -14px;
|
}
|
/* yhadd */
|
.cjms {
|
width: 320px;
|
height: 360px;
|
}
|
.left-function {
|
margin-top: 8px;
|
margin-left: 8px;
|
margin-bottom: 8px;
|
cursor: pointer;
|
}
|
.cjms-tol1 {
|
margin-top: 5px;
|
width: 100%;
|
}
|
.cjms-tol1 ul li {
|
color: white;
|
}
|
.cjms-tol1 span {
|
font-size: 16px;
|
margin-top: 13px;
|
display: block;
|
width: 85px;
|
float: right;
|
}
|
li {
|
cursor: pointer;
|
width: 90%;
|
}
|
.left-ssan {
|
position: absolute;
|
bottom: 0;
|
right: 0;
|
cursor: pointer;
|
}
|
.active {
|
background: rgba(0, 168, 255, 0.16);
|
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26);
|
}
|
li:hover {
|
background: rgba(0, 168, 255, 0.16);
|
}
|
</style>
|
|
<script>
|
let LayerGrid, HawkeyeData;
|
export default {
|
name: "leftkjfx",
|
data() {
|
return {
|
isUnderground: false,
|
isYyms: false,
|
isQqwg: false,
|
isDxms: false,
|
status: false,
|
isOpen: {
|
snms: false,
|
dxms: false,
|
yy: false,
|
qqgw: false,
|
jjms: false,
|
},
|
};
|
},
|
mounted() {},
|
methods: {
|
// yhadd
|
closeJm() {
|
this.$parent.$parent.$parent.isShowScene = false;
|
},
|
// yhadd
|
//室内模式
|
snms() {
|
this.$parent.$parent.$parent.closeAllHighLight();
|
|
//收缩面板
|
// this.close();
|
//结束之前操作
|
layuiLayer.close(SmartEarthPopupData.layerProp);
|
sgworld.drawObj &&
|
(sgworld.drawObj.drawHandler && sgworld.drawObj.drawHandler.destroy(),
|
sgworld.drawObj.end && sgworld.drawObj.end());
|
|
this.$notify({
|
title: "提示",
|
message:
|
"移动鼠标控制方向<br>键盘W、A、S、D控制前后左右<br>点击中键调节速度",
|
dangerouslyUseHTMLString: true,
|
showClose: false,
|
position: "bottom-left",
|
offset: 50,
|
customClass: "tipStyle",
|
});
|
sgworld.Analysis.createindoormode();
|
},
|
jjms() {
|
if (!window.panoramaHandler) {
|
window.panoramaHandler = new Cesium.ScreenSpaceEventHandler(
|
Viewer.scene.canvas
|
);
|
window.panoramaHandler.setInputAction((event) => {
|
let p;
|
p = sgworld.Navigate.getMouseDegrees(event);
|
|
// let point = [116.3639809972959, 39.721765460108294];
|
// var toProjection = "EPSG:900913";
|
// var fromProjection = "EPSG:4326";
|
// var transformPoint = proj4(fromProjection, toProjection, point);
|
//let StreetUrl = this.$store.state.getServerUrl;
|
let StreetUrl = "http://10.10.4.116:8085/yzAdapter/";
|
//let StreetUrl = this.$store.getters.getServerUrl;
|
let _StreetscapeYZ = new StreetscapeYZ(sgworld, {
|
StreetUrl: StreetUrl,
|
lon: p.lon,
|
lat: p.lat,
|
});
|
|
// alert(JSON.stringify(p));
|
// console.log(p);
|
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
} else {
|
window.panoramaHandler.destroy();
|
window.panoramaHandler = undefined;
|
}
|
},
|
//地下模式
|
dxms() {
|
this.isOpen["dxms"] = !this.isOpen["dxms"];
|
this.$parent.$parent.$parent.closeAllHighLight();
|
|
//收缩面板
|
this.isDxms = !this.isDxms;
|
this.close();
|
//结束之前操作
|
layuiLayer.close(SmartEarthPopupData.layerProp);
|
sgworld.drawObj &&
|
(sgworld.drawObj.drawHandler && sgworld.drawObj.drawHandler.destroy(),
|
sgworld.drawObj.end && sgworld.drawObj.end());
|
|
this.isUnderground = !this.isUnderground;
|
this.$parent.$parent.$parent.$parent.openUnderGround = this.isUnderground;
|
if (this.isUnderground) {
|
Viewer.scene.globe.translucency.enabled = true;
|
Viewer.scene.screenSpaceCameraController.enableCollisionDetection = false;
|
Viewer.scene.globe.translucency.backFaceAlpha = 0;
|
this.undergroundValue("set");
|
} else {
|
Viewer.scene.globe.translucency.enabled = false;
|
Viewer.scene.screenSpaceCameraController.enableCollisionDetection = true;
|
Viewer.scene.globe.translucency.backFaceAlpha = 1;
|
this.undergroundValue("get");
|
}
|
},
|
undergroundValue(type) {
|
if (type === "set") {
|
this.defaultUnderground = {
|
highDynamicRange: Viewer.scene.highDynamicRange,
|
skyBox: Viewer.scene.skyBox.show,
|
fog: Viewer.scene.fog.enabled,
|
minViewHeight: sgworld.minViewHeight,
|
};
|
Viewer.scene.highDynamicRange = false;
|
Viewer.scene.skyBox.show = false;
|
Viewer.scene.fog.enabled = false;
|
sgworld.minViewHeight = -1000000;
|
let alpha = Viewer.scene.globe.translucency.frontFaceAlpha;
|
sgworld.Creator.set3DTilesetsAlpha(alpha);
|
} else {
|
Viewer.scene.highDynamicRange =
|
this.defaultUnderground.highDynamicRange;
|
Viewer.scene.skyBox.show = this.defaultUnderground.skyBox;
|
Viewer.scene.fog.enabled = this.defaultUnderground.fog;
|
sgworld.minViewHeight = this.defaultUnderground.minViewHeight;
|
let alpha = Viewer.scene.globe.translucency.frontFaceAlpha;
|
sgworld.Creator.set3DTilesetsAlpha(1);
|
}
|
},
|
//鹰眼
|
yy() {
|
this.isOpen["yy"] = !this.isOpen["yy"];
|
this.$parent.$parent.$parent.closeAllHighLight();
|
|
//收缩面板
|
this.isYyms = !this.isYyms;
|
this.close();
|
// this.isOpen["yy"] = !this.isOpen["yy"];
|
//结束之前操作
|
layuiLayer.close(SmartEarthPopupData.layerProp);
|
sgworld.drawObj &&
|
(sgworld.drawObj.drawHandler && sgworld.drawObj.drawHandler.destroy(),
|
sgworld.drawObj.end && sgworld.drawObj.end());
|
|
if (!HawkeyeData) {
|
let imageryProvider;
|
Viewer.imageryLayers._layers.forEach((item) => {
|
if (item.baseLayer) {
|
imageryProvider = item.imageryProvider;
|
}
|
});
|
HawkeyeData = sgworld.Creator.createHawkeye(
|
{
|
imageryProvider:
|
imageryProvider ||
|
new Cesium.WebMapTileServiceImageryProvider({
|
url: "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=ebf64362215c081f8317203220f133eb",
|
layer: "tdtBasicLayer",
|
style: "default",
|
format: "image/jpeg",
|
tileMatrixSetID: "GoogleMapsCompatible",
|
show: false,
|
}),
|
},
|
{ left: "0px" }
|
);
|
} else {
|
HawkeyeData.close();
|
HawkeyeData = undefined;
|
}
|
},
|
//全球网格
|
qqgw() {
|
this.isOpen["qqgw"] = !this.isOpen["qqgw"];
|
this.$parent.$parent.$parent.closeAllHighLight();
|
|
//收缩面板
|
this.isQqwg = !this.isQqwg;
|
this.close();
|
// this.isOpen["qqgw"] = !this.isOpen["qqgw"];
|
//结束之前操作
|
layuiLayer.close(SmartEarthPopupData.layerProp);
|
sgworld.drawObj &&
|
(sgworld.drawObj.drawHandler && sgworld.drawObj.drawHandler.destroy(),
|
sgworld.drawObj.end && sgworld.drawObj.end());
|
|
if (!LayerGrid) {
|
LayerGrid = sgworld.Creator.createImageryLayerGrid();
|
} else {
|
LayerGrid.item.show = !LayerGrid.item.show;
|
}
|
},
|
close() {
|
//弹出框收缩按钮
|
// this.$parent.cjms = false;
|
var sta = this.isDxms || this.isQqwg || this.isYyms;
|
// 关闭功能界面
|
// this.$parent.$parent.$parent.isShowScene = false;
|
if (sta) {
|
this.$parent.$parent.$parent.sceneImgSta = true;
|
} else {
|
this.$parent.$parent.$parent.sceneImgSta = false;
|
}
|
},
|
},
|
};
|
</script>
|
