feat: 新增cesiumMap

config/config.js

@@ -6,6 +6,10 @@ function resolve (dir) {
   return join(__dirname, '../', dir)
 }
 const { REACT_APP_ENV } = process.env;
+const cesiumBuild = "../node_modules/cesium/Build/Cesium"
+const pkgName = require('../package.json').name;
+const path = require('path');
+const CESIUM_BASE_URL = `/${pkgName}`
 module.exports = {
   base: '/civbase',
   title: '熊猫智慧城市监控管理解决方案',
@@ -77,5 +81,25 @@ module.exports = {
     },
     javascriptEnabled: true
   },
+  copy : [{
+    from : path.join(pkgName , cesiumBuild, './Workers'), 
+    to : 'Workers',
+  },{
+    from : path.join( pkgName, cesiumBuild, 'Assets'),
+     to : 'Assets',
+  },{
+    from : path.join( pkgName, cesiumBuild, 'Widgets'),
+    to : 'Widgets',
+  },{
+    from : path.join( pkgName, cesiumBuild, 'ThirdParty'),
+    to : 'ThirdParty'
+  }
+  ],
+  define : {
+    CESIUM_BASE_URL : JSON.stringify(CESIUM_BASE_URL).replace(/\"/g , '')
+  },
+  alias: {
+    cesium : path.resolve(__dirname, cesiumBuild)
+  }
   // esbuild: {}
 };

package.json

@@ -93,13 +93,14 @@
         "@amap/amap-jsapi-loader": "^1.0.1",
         "@ant-design/colors": "^5.0.1",
         "@ant-design/icons": "^4.0.0",
+        "@ant-design/pro-form": "^1.42.1",
         "@ant-design/pro-layout": "^6.24.1",
         "@ant-design/pro-skeleton": "^1.0.0-beta.2",
         "@ant-design/pro-table": "^2.5.3",
         "@ant-design/pro-utils": "^1.10.4",
-        "@ant-design/pro-form": "^1.42.1",
         "@babel/polyfill": "7.4.3",
         "@babel/runtime": "^7.10.5",
+        "@wisdom-cesium/cesium": "^1.0.52",
         "@wisdom-components/empty": "^1.4.1",
         "@wisdom-map/arcgismap": "^1.0.60-0",
         "@wisdom-map/util": "^1.0.27-0",

src/containers/App/store/actions.js

@@ -23,6 +23,7 @@ import {
   SLIDER_MENU_MODE,
   VALIDATE_AUTH,
   MAP_VIEW,
+  PD_VIEW
 } from './constants';
 
 export function getConfig(data) {
@@ -170,6 +171,13 @@ export function updageMapView(data) {
   };
 }
 
+export function updatePdCesiumView(data) {
+  return {
+    type: PD_VIEW,
+    data
+  }
+}
+
 export function logout(data) {
   // eslint-disable-next-line no-undef
   createStoreage.remove('PANDA_STORE');

src/containers/App/store/constants.js

@@ -20,3 +20,4 @@ export const COMPLEX_PATHNAME = 'App/COMPLEX_PATHNAME';
 export const GET_MICRO_MOUNTED_STATUS = 'App/GET_MICRO_MOUNTED_STATUS';
 export const LOGINOUT = 'App/LOGINOUT';
 export const MAP_VIEW = 'App/MAP_VIEW';
+export const PD_VIEW = "App/PD_VIEW"

src/containers/App/store/reducer.js

@@ -30,6 +30,7 @@ import {
   SLIDER_MENU_MODE,
   VALIDATE_AUTH,
   MAP_VIEW,
+  PD_VIEW
 } from './constants';
 
 const proxy = require('../../../../config/proxy');
@@ -69,7 +70,8 @@ export const initialState = fromJS({
   complexConfig: {},
   complexPathName: null,
   microMounted: true,
-  mapView: null
+  mapView: null,
+  pdView: null
 });
 
 /* eslint-disable default-case, no-param-reassign */
@@ -211,6 +213,11 @@ const appReducer = (state = initialState, action) => {
       return state.merge({
         mapView: action.data,
       });
+    case PD_VIEW:
+      store.set('pdView', action.data)
+      return state.merge({
+        pdView : action.data
+      })
     default:
       return state;
   }

src/layouts/BasicLayout1.js

@@ -35,6 +35,7 @@ import RightContent from '@/components/GlobalHeader/ExtendRightContent';
 import Panel from '@/components/SliderPanel/MinPanel';
 import { actionCreators } from '@/containers/App/store';
 import CreateBaseMap from '@/pages/map';
+import CesiumMap from '@/pages/cesiumMap'
 // import Authorized from '@/utils/Authorized';
 import {
   findPathByLeafId,
@@ -653,9 +654,8 @@ const BasicLayout = props => {
 
                     }
                       {
-                        !window.location.pathname.startsWith('/civbase/civweb4') &&  <CreateBaseMap options={{type: 'ArcgisMap'}}/>
+                         !window.location.pathname.startsWith('/civbase/civweb4') ? (window.location.pathname.startsWith('/civbase/civ_3d') ? <CesiumMap /> :  <CreateBaseMap options={{type: 'ArcgisMap'}}/>) : null
                       }
-
                      <div id="micro-container" className="subapp-container">
                        {/*<CreateBaseMap/>*/}
                        {props.children}

src/pages/cesiumMap/index.js

+import {PdRender, parseScheme} from '@wisdom-cesium/cesium'
+import { useRef , useEffect } from 'react'
+import { connect } from 'react-redux'
+import { actionCreators } from '@/containers/App/store';
+const cesiumMap = props => {
+    const ref = useRef(null)
+
+    useEffect(() => {
+        const mapConfig3d = props.globalConfig?.mapConfig3d ?? {}
+        const {widgets} = mapConfig3d
+        const schemes = parseScheme.parseSchemes(mapConfig3d)
+        const schemeData = parseScheme.parseDatas(schemes)
+        const pdView = new PdRender({
+            el: ref.current,
+            widgets,
+            delayWidgetRender : true,
+            ...schemeData
+        }) 
+        props.updatePdCesiumView(pdView)
+    }, [])
+    
+    return (<div style={{
+        inset: 0,
+        position : "absolute"
+    }} ref = {ref}></div>)
+}
+
+const mapStateToProps = state => ({
+    globalConfig : state.getIn(['global','globalConfig'])
+})
+
+const mapDispatchToProps = dispatch => ({
+    updatePdCesiumView(pdView) {
+        dispatch(actionCreators.updatePdCesiumView(pdView))
+    }
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(cesiumMap)
\ No newline at end of file