import { Viewer, Scene } from "resium";
import CustomClock from "./CustomClock";
import CustomFlyTo from "./CustomFlyTo";
import CustomToolbar from "./CustomToolbar";
import InfoLayout from "./InfoLayout";
import Picker from "./Picker";
import Legend from "./Legends";
import Barotropic from "./Entities/Barotorpic";
import Cyclone from "./Entities/Cyclone";
import Point from "./Entities/Point";
import PlateauPolygon from "./Entities/PlateauPolygon";
import Updraft from "./Entities/Udraft";
import Watervapor from "./Entities/Watervapor";
import WavePoint from "./Entities/WavePoint";
import DynamicImageryLayer from "./DynamicImageryLayer";
import Circles from "./Entities/Circles";
import Site from "./Entities/Site";
import styles from "./index.module.less";

function MapLayout() {
  return (
    <Viewer
      className={styles.cesiumContainer}
      full
      homeButton={false}
      sceneModePicker={false}
      navigationHelpButton={false}
      shouldAnimate={true}
      // infoBox={false}
      timeline={false}
      fullscreenButton={false}
      geocoder={false}
      baseLayerPicker={false}
    >
      <CustomClock />
      <CustomFlyTo />
      <CustomToolbar />
      <Point />
      <PlateauPolygon />
      <InfoLayout />
      <Cyclone />
      <Barotropic />
      {/* <Watervapor /> */}
      <WavePoint />
      <Updraft />
      <Picker />
      <Legend />
      <DynamicImageryLayer />
      <Circles />
      <Site />
    </Viewer>
  );
}

export default MapLayout;
