#

luxiaotao1123

2024-11-07 41c35d6ef35b1b5d347eebb2600f14028731ff47

#

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

@@ -19,7 +19,7 @@
import * as Http from './http';
import WebSocketClient from './websocket'
import ConfirmButton from "../page/components/ConfirmButton";
import { FitScreen, AltRoute } from '@mui/icons-material';
import { FitScreen, AltRoute, RotateRight } from '@mui/icons-material';
import MapSearch from "./header/MapSearch";
import { startupOrShutdown } from "./http";
import PulseSignal from "../page/components/PulseSignal";
@@ -261,7 +261,7 @@
                        <Box sx={{ mr: 2, display: 'flex', alignItems: 'center' }}>
                            <PulseSignal
                                negative
                                negativeColor = '#a4b0be'
                                negativeColor='#a4b0be'
                                flag={rcsStatus}
                                width={12}
                            />
@@ -421,6 +421,20 @@
                        color="primary"
                        size="small"
                        onClick={() => {
                            player.rotateMap();
                            setTimeout(() => {
                                player.adaptScreen();
                            }, 500)
                        }}
                    >
                        <RotateRight />
                        {/* &nbsp;{translate('page.map.action.adapt')} */}
                    </Fab>
                    <Fab
                        variant="extended"
                        color="primary"
                        size="small"
                        onClick={() => {
                            player.adaptScreen();
                        }}
                    >

 zy-acs-flow/src/map/player.js

@@ -228,6 +228,22 @@
            }, 200).start();
    }

    rotateMap = () => {
        const bounds = this.mapContainer.getLocalBounds();
        const centerX = bounds.x + bounds.width / 2;
        const centerY = bounds.y + bounds.height / 2;
        this.mapContainer.pivot.set(centerX, centerY);
        this.mapContainer.position.set(this.app.renderer.width / 2, this.app.renderer.height / 2);

        const rotationIncrement = Math.PI / 2; // 90 degrees in radians
        const newRotation = this.mapContainer.rotation + rotationIncrement;

        new TWEEDLE.Tween(this.mapContainer)
            .to({ rotation: newRotation }, 300)
            .easing(TWEEDLE.Easing.Quadratic.Out)
            .start();
    }

    showCoordinates = () => {
        this.coordinatesText = new PIXI.Text('{ x: 0, y: 0 }', {
            fill: this.themeMode === 'dark' ? 0xdddddd : 0x333333,