import MapLayout from "@/components/map/Layout";
import Legend from "./Legend";
import ViewerOne from "../SceneOne/ViewerOne";
import SceneChartPanel from "./SceneChartPanel";
import CustomFlyTo from "./CustomFlyTo";
import SSTImageLayer from "./SSTImageLayer";
import TSImageLayer from "./TSImageLayer";
import HGTImageLayer from "./HGTImageLayer";

function SceneTwo() {
  return (
    <div className="scene_two">
      <MapLayout>
        <div className="title">
          两极协同—连接南极和北极的热带大西洋经向模的媒介作用
        </div>
        <div className="right-panel one" style={{ height: "unset" }}>
          <div className="bottom-panel">
            <SceneChartPanel />
          </div>
        </div>
        <CustomFlyTo />
        <Legend />
        <HGTImageLayer />
        <SSTImageLayer />
        <TSImageLayer />
      </MapLayout>
      {/* <ViewerOne>
       
      </ViewerOne> */}
    </div>
  );
}

export default SceneTwo;
