import MapLayout from "@/components/map/Layout";
import CustomToolbar from "@/components/common/CustomToolbar";
import CustomClock from "@/components/common/CustomClock";
import TextInfoPanel from "@/components/common/TextInfoPanel";
import CustomFlyTo from "./CustomFlyTo";
import Point from "./Point";
import PlateauPolygon from "./PlateauPolygon";
import Cyclone from "./Cyclone";
import Barotropic from "./Barotorpic";
import WavePoints from "./WavePoints";
import Updraft from "./Updraft";
import Legend from "./Legend";
import LabradorImageLayer from "./LabradorImageLayer";
import TibetImageLayer from "./TibetImageLayer";
import ChartPanel from "./ChartPanel";
import EntityLegend from "./EntityLegend";
// import WaterVaporPath from "./WaterVaporPath";

export default function DomainOne() {
  return (
    <MapLayout>
      <div className="title">
        两极协同—拉布拉多海海温偏暖控制夏季高原年代际增温
      </div>
      <CustomToolbar />
      <CustomClock />
      <CustomFlyTo />
      <Point />
      <PlateauPolygon />
      <div className="left-panel one">
        <TextInfoPanel content="基于再分析资料JRA55和线性斜压模式LBM的试验结果，在年代际尺度上，拉布拉多海海温偏暖会引起北大西洋至欧洲地区大气环流异常，导致青藏高原夏季出现年代际增温。" />
      </div>
      <div className="right-panel one">
        <ChartPanel />
      </div>
      <Cyclone />
      <Barotropic />
      <WavePoints />
      {/* <WaterVaporPath /> */}
      <Updraft />
      <EntityLegend />
      <Legend />
      <LabradorImageLayer />
      {/* <TibetImageLayer /> */}
    </MapLayout>
  );
}
