<template>
|
<div
|
class="main3dviewerex"
|
@mouseleave="removeEventListener()"
|
@mouseover="addEventListener()"
|
style="width: 100%; height: 100%"
|
>
|
<sdk-container-ex> </sdk-container-ex>
|
</div>
|
</template>
|
<script>
|
import sdkContainerEx from "../../../components/sgword/mapViewEx.vue";
|
export default {
|
props: {
|
btnClick: {
|
type: Function,
|
default: null,
|
},
|
},
|
components: { sdkContainerEx },
|
data() {
|
return {};
|
},
|
methods: {
|
syncViewer(global1, global2) {
|
global1.camera.flyTo({
|
destination: global2.camera.position,
|
orientation: {
|
heading: global2.camera.heading,
|
pitch: global2.camera.pitch,
|
roll: global2.camera.roll,
|
},
|
duration: 0.0,
|
});
|
},
|
start() {
|
this.syncViewer(Viewer, ViewerEx);
|
},
|
removeEventListener() {
|
let that = this;
|
this.$nextTick(() => {
|
if (sgworld && sgworldEx) {
|
console.log("out");
|
ViewerEx.scene.preRender.removeEventListener(that.start);
|
}
|
});
|
},
|
addEventListener() {
|
let that = this;
|
this.$nextTick(() => {
|
if (sgworld && sgworldEx) {
|
console.log("in");
|
ViewerEx.scene.preRender.addEventListener(that.start);
|
}
|
});
|
},
|
},
|
mounted() {
|
let that = this;
|
this.$nextTick(() => {
|
// if (sgworld && sgworldEx) {
|
// Viewer.scene.preRender.addEventListener(() => {
|
// that.syncViewer(ViewerEx, Viewer);
|
// });
|
// Viewer.entities.add({
|
// position: Cesium.Cartesian3.fromDegrees(0, 0),
|
// label: {
|
// text: new Cesium.CallbackProperty(function () {
|
// that.syncViewer(ViewerEx, Viewer);
|
// return "";
|
// }, true),
|
// },
|
// });
|
// ViewerEx.entities.add({
|
// position: Cesium.Cartesian3.fromDegrees(0, 0),
|
// label: {
|
// text: new Cesium.CallbackProperty(function () {
|
// that.syncViewer(Viewer, ViewerEx);
|
// return "";
|
// }, true),
|
// },
|
// });
|
// }
|
});
|
// let elementResizeDetectorMaker = require("element-resize-detector");
|
// let erd = elementResizeDetectorMaker();
|
// erd.listenTo(
|
// document.getElementsByClassName("main3dviewer"),
|
// function (element) {
|
// // let height = element.offsetHeight;
|
// // let isOn = height > 400 ? "" : "none";
|
// // $(".rightbuttongroup").css("display", isOn);
|
// }
|
// );
|
},
|
};
|
</script>
|
<style lang="less" scoped>
|
</style>
|
