From fc4fb9efb131afa506f9364adcd0cafe6884f212 Mon Sep 17 00:00:00 2001
From: Aifeilong <2993607249@qq.com>
Date: Wed, 18 Oct 2023 15:02:41 +0800
Subject: [PATCH] fix

---
 .../Three/SceneOne/ViewerImageLayer.jsx       | 31 +++++++++++++++++++
 .../domain/Three/SceneOne/ViewerOne.jsx       |  4 +--
 .../domain/Three/SceneOne/ViewerThree.jsx     |  2 ++
 .../domain/Three/SceneOne/ViewerTwo.jsx       |  4 +--
 4 files changed, 37 insertions(+), 4 deletions(-)
 create mode 100644 src/components/domain/Three/SceneOne/ViewerImageLayer.jsx

diff --git a/src/components/domain/Three/SceneOne/ViewerImageLayer.jsx b/src/components/domain/Three/SceneOne/ViewerImageLayer.jsx
new file mode 100644
index 0000000..71d3c1f
--- /dev/null
+++ b/src/components/domain/Three/SceneOne/ViewerImageLayer.jsx
@@ -0,0 +1,31 @@
+import { useMemo } from "react";
+import { ImageryLayer } from "resium";
+import { WebMapServiceImageryProvider } from "cesium";
+
+const url = "http://analysis.tpdc.ac.cn/gs/geoserver/phitrellis/wms";
+const name = "phitrellis:4_3_1_tas_Layer1";
+
+function LandImageLayer() {
+  const tempProvider = useMemo(
+    () =>
+      new WebMapServiceImageryProvider({
+        url: url,
+        layers: name,
+        parameters: {
+          service: "WMS",
+          format: "image/png",
+          transparent: true,
+        },
+      }),
+    [name, url]
+  );
+  return (
+    <ImageryLayer
+      key={`ImageryLayer-${name}`}
+      imageryProvider={tempProvider}
+      show={true}
+    />
+  );
+}
+
+export default LandImageLayer;
diff --git a/src/components/domain/Three/SceneOne/ViewerOne.jsx b/src/components/domain/Three/SceneOne/ViewerOne.jsx
index 8720bd5..6daaf75 100644
--- a/src/components/domain/Three/SceneOne/ViewerOne.jsx
+++ b/src/components/domain/Three/SceneOne/ViewerOne.jsx
@@ -3,7 +3,7 @@ import { Cartesian3 } from "cesium";
 import MapLayout from "@/components/map/Layout";
 import CustomToolbar from "@/components/common/CustomToolbar";
 import CustomClock from "@/components/common/CustomClock";
-import LandImageLayer from "../LandImageLayer";
+import ViewerImageLayer from "./ViewerImageLayer";
 import WavePoint from "@/components/common/WavePoint";
 
 function ViewerOne({ children }) {
@@ -21,7 +21,7 @@ function ViewerOne({ children }) {
         />
 
         <WavePoint stationLon={88} stationLat={-85} labelText={"南极"} />
-        <LandImageLayer />
+        <ViewerImageLayer />
         {children}
       </MapLayout>
     </div>
diff --git a/src/components/domain/Three/SceneOne/ViewerThree.jsx b/src/components/domain/Three/SceneOne/ViewerThree.jsx
index 3d8c0d5..b5f6390 100644
--- a/src/components/domain/Three/SceneOne/ViewerThree.jsx
+++ b/src/components/domain/Three/SceneOne/ViewerThree.jsx
@@ -2,6 +2,7 @@ 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 (
@@ -13,6 +14,7 @@ function ViewerThree({ children }) {
         />
         <WavePoint stationLon={88} stationLat={33} labelText={"青藏高原"} />
         {children}
+        <ViewerImageLayer />
       </MapLayout>
     </div>
   );
diff --git a/src/components/domain/Three/SceneOne/ViewerTwo.jsx b/src/components/domain/Three/SceneOne/ViewerTwo.jsx
index b37a635..3766263 100644
--- a/src/components/domain/Three/SceneOne/ViewerTwo.jsx
+++ b/src/components/domain/Three/SceneOne/ViewerTwo.jsx
@@ -1,14 +1,14 @@
 import { CameraFlyTo } from "resium";
 import { Cartesian3 } from "cesium";
 import MapLayout from "@/components/map/Layout";
-import OceanImageLayer from "../OceanImageLayer";
+import ViewerImageLayer from "./ViewerImageLayer";
 import WavePoint from "@/components/common/WavePoint";
 
 function ViewerTwo({ children }) {
   return (
     <div className="domain-viewer">
       <MapLayout>
-        <OceanImageLayer />
+        <ViewerImageLayer />
         <CameraFlyTo
           duration={5}
           destination={Cartesian3.fromDegrees(0, 88, 10000000)}