import { Cartesian3 } from "cesium";
import { CameraFlyTo } from "resium";
import WavePoint from "@/components/common/WavePoint";
import MapLayout from "@/components/map/Layout";

function ViewerOne() {
  return (
    <div className="domain-viewer one">
      <MapLayout>
        <div className="title" style={{ zIndex: 1 }}>
          三极冰盖/冰川表面冰雪融化时空变化特征对比及其变化原因异同
        </div>
        <CameraFlyTo
          duration={5}
          destination={Cartesian3.fromDegrees(100, -89.9, 10000000)}
        />
        <WavePoint stationLon={100} stationLat={-85} labelText={"南极"} />
      </MapLayout>
      <div className="name">南极冻融天数</div>
    </div>
  );
}

export default ViewerOne;
