<template>
  <div class="mmc-filght-control-center">
    <!-- cesium地图层 -->
    <cesiumLayout></cesiumLayout>
    <!-- 地图切换组件 -->
    <mapImageSwitch></mapImageSwitch>
    <!-- 无人机应用 -->
    <uavApplications></uavApplications>
  </div>
</template>

<script>
import cesiumLayout from "./components/cesium-layer";
import mapImageSwitch from "./components/mapImageSwitch";
import uavApplications from './components/uavApplications';

export default {
  name: "MMCFlightControlCenter",
  components: {
    cesiumLayout,
    mapImageSwitch,
    uavApplications
  },
  props: {
    devMode: {      // 开发环境
      type: Boolean,
      default: false
    },
    token: {
      type: String,
      default: ''
    }
  },
  created(){
    this.$store.commit('MMCFlightControlCenter/setState', {
      key: 'devMode',
      value: this.devMode
    })
    this.$store.commit('MMCFlightControlCenter/setState', {
      key: 'token',
      value: this.token
    })
  }
};
</script>

<style scope="scss">
.mmc-filght-control-center {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}
</style>