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

function ViewerThree({ children }) {
  return (
    <div className="domain-viewer">
      <MapLayout>
        <CameraFlyTo
          duration={5}
          destination={Cartesian3.fromDegrees(100, 33, 10000000)}
        />
        <WavePoint stationLon={88} stationLat={33} labelText={"青藏高原"} />
        {children}
        <ViewerImageLayer />
      </MapLayout>
    </div>
  );
}

export default ViewerThree;
