#

luxiaotao1123

2024-10-08 158bca3bcaa70bd805636ecbf3f8290dcc211201

 zy-acs-flow/src/map/MapPage.jsx

@@ -29,11 +29,6 @@

    const [mode, setMode] = useState('monitoring');

    const [windowSize, setWindowSize] = React.useState({
        width: window.innerWidth,
        height: window.innerHeight,
    });

    const theme = useTheme();
    const themeMode = theme.palette.mode;

@@ -52,13 +47,12 @@
        }
        initialize();

        // windows resize
        // resize
        const handleResize = () => {
            setWindowSize({
                width: window.innerWidth,
                height: window.innerHeight,
            });
            player.resize();
            const width = contentRef.current.offsetWidth;
            const height = contentRef.current.offsetHeight;

            player.resize(width, height);
        };
        window.addEventListener('resize', handleResize);

@@ -72,6 +66,7 @@
            }
        };
    }, [themeMode])


    const handleModeChange = (event) => {
        setMode(event.target.value);
@@ -151,12 +146,16 @@
                <Box
                    ref={contentRef}
                    sx={{
                        position: 'relative',
                        width: '100%',
                        height: '100%',
                        backgroundColor: '#e0e0e0',
                    }}
                >
                    <div ref={mapRef} style={{
                        position: 'absolute',
                        top: 0,
                        left: 0,
                        width: '100%',
                        height: '100%',
                    }} />