在vue2中cesium怎么让点击按钮的时候出现双屏联动效果

在Vue2中使用Cesium实现双屏联动效果，可以通过以下步骤实现：

1. 在Vue组件中引入Cesium，并创建两个Cesium.Viewer实例，分别代表左右两个屏幕。

2. 在Vue组件中创建一个按钮，绑定点击事件。

3. 在点击事件中，获取左侧Cesium.Viewer实例的camera视角，然后将右侧Cesium.Viewer实例的camera视角设置为相同的值，实现双屏联动。

以下是一个简单的示例代码：

<template>
  <div>
    <button @click="linkScreen">双屏联动</button>
    <div id="left-screen"></div>
    <div id="right-screen"></div>
  </div>
</template>

<script>
  import * as Cesium from 'cesium/Cesium';

  export default {
    mounted() {
      // 创建左侧Cesium.Viewer实例
      this.viewer1 = new Cesium.Viewer('left-screen');

      // 创建右侧Cesium.Viewer实例
      this.viewer2 = new Cesium.Viewer('right-screen');

      // 设置右侧Cesium.Viewer实例的camera位置和方向与左侧相同
      this.viewer2.camera.position = this.viewer1.camera.position.clone();
      this.viewer2.camera.direction = this.viewer1.camera.direction.clone();
    },
    methods: {
      linkScreen() {
        // 获取左侧Cesium.Viewer实例的camera视角
        const camera = this.viewer1.camera;

        // 将右侧Cesium.Viewer实例的camera视角设置为相同的值
        this.viewer2.camera.setView({
          destination: camera.position,
          orientation: {
            direction: camera.direction,
            up: camera.up
          }
        });
      }
    }
  }
</script>