Merge remote-tracking branch 'origin/master'
| | |
| | | "lodash": "^4.17.21", |
| | | "moment": "^2.30.1", |
| | | "omit.js": "^2.0.2", |
| | | "pixi.js": "^7.4.0", |
| | | "querystring": "^0.2.1", |
| | | "rc-menu": "^9.12.4", |
| | | "rc-util": "^5.38.1", |
| | | "react": "^18.2.0", |
| | | "react-dom": "^18.2.0", |
| | | "react-helmet-async": "^1.3.0" |
| | | "react-helmet-async": "^1.3.0", |
| | | "tweedle.js": "^2.1.0" |
| | | }, |
| | | "devDependencies": { |
| | | "@ant-design/pro-cli": "^3.3.0", |
| New file |
| | |
| | | import * as React from 'react' |
| | | import * as PIXI from 'pixi.js'; |
| | | import * as TWEEDLE from 'tweedle.js'; |
| | | |
| | | const Map = () => { |
| | | 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; |
| | | |
| | | globalThis.__PIXI_APP__ = app; |
| | | |
| | | map.current.appendChild(app.view); |
| | | |
| | | return () => { |
| | | app.destroy(true, true); |
| | | } |
| | | }, []); |
| | | |
| | | return ( |
| | | <> |
| | | <div |
| | | ref={map} |
| | | > |
| | | </div> |
| | | </> |
| | | ) |
| | | } |
| | | |
| | | export default Map; |
| | |
| | | break; |
| | | } |
| | | } |
| | | addMapMenu(remoteMenu); |
| | | addHomeMenu(remoteMenu); |
| | | addUserSettingMenu(remoteMenu); |
| | | patchRouteItems(proLayout, remoteMenu); |
| | |
| | | }) |
| | | } |
| | | |
| | | function addMapMenu(remoteMenu) { |
| | | remoteMenu.unshift({ |
| | | name: "地图监控", |
| | | path: "/map", |
| | | component: "/map", |
| | | icon: createIcon('HeatMapOutlined') |
| | | }) |
| | | } |
| | | |
| | | function addUserSettingMenu(remoteMenu) { |
| | | // const settingRoute = { |
| | | // name: "个人设置", |