MapView/index.tsx

@@ -51,6 +51,7 @@ const MapView: React.ForwardRefRenderFunction<
 
   const { run } = useDebounceFn(
     () => {
+      console.log('屏幕变化，重新计算');
       if (!containerRef.current) return;
       const { width, height } = containerRef.current?.getBoundingClientRect();
       setMapSize({
@@ -69,15 +70,13 @@ const MapView: React.ForwardRefRenderFunction<
    * 重新设置地图容器宽高
    */
   useEffect(() => {
-    const observer = new ResizeObserver(() => {
-      run();
-    });
-    observer.observe(document.body);
+    run();
+    window.addEventListener('resize', run);
     // 清理函数，停止观察
     return () => {
-      observer.unobserve(document.body);
+      window.removeEventListener('resize', run);
     };
-  }, []);
+  }, [containerRef.current]);
 
   const [isReady, { setFalse, setTrue }] = useBoolean(false);