From fde2221d08d31f94bcd67367f53f480f57f09fa5 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期四, 29 二月 2024 13:26:06 +0800 Subject: [PATCH] # --- zy-asrs-flow/src/pages/map/index.jsx | 31 +++++++++++++++++++++---------- 1 files changed, 21 insertions(+), 10 deletions(-) diff --git a/zy-asrs-flow/src/pages/map/index.jsx b/zy-asrs-flow/src/pages/map/index.jsx index 58590b6..afe4232 100644 --- a/zy-asrs-flow/src/pages/map/index.jsx +++ b/zy-asrs-flow/src/pages/map/index.jsx @@ -3,23 +3,34 @@ import * as TWEEDLE from 'tweedle.js'; const Map = () => { - const app = new PIXI.Application({ - width: window.innerWidth, - height: window.innerHeight, - antialias: true, - }) + const map = React.useRef(); + React.useEffect(() => { + const app = new PIXI.Application({ + width: window.innerWidth, + height: window.innerHeight, + background: '#1099bb', + antialias: true, + }) - app.stage.interactive = true; - app.stage.hitArea = app.screen; + app.stage.interactive = true; + app.stage.hitArea = app.screen; - globalThis.__PIXI_APP__ = app; + globalThis.__PIXI_APP__ = app; - document.body.appendChild(app.view); + map.current.appendChild(app.view); + + return () => { + app.destroy(true, true); + } + }, []); return ( <> - <h1>Map</h1> + <div + ref={map} + > + </div> </> ) } -- Gitblit v1.9.1