字段调整

web/client/src/sections/quanju/containers/example.js

@@ -7,6 +7,8 @@ import Header from './heand';
 import Footer from './footer';
 import ProTable, { TableDropdown } from '@ant-design/pro-table';
 
+const MAPID = 'screenGis'
+
 const Example = (props) => {
     const { dispatch, actions, user, loading } = props
     const [tabKey, setTabKey] = useState('leadership')
@@ -23,10 +25,9 @@ const Example = (props) => {
 
 
     useEffect(() => {
-       
 
         const timer = setTimeout(() => {
-            const map = new AMap.Map("amapId", {
+            const map = new AMap.Map(MAPID, {
                 //resizeEnable: true,
                 center: [115.912663, 28.543149],//地图中心点，初始定位加载显示楼块
                 // center: [115.857952, 28.683003],//地图中心点
@@ -39,7 +40,7 @@ const Example = (props) => {
             });
             let styleName = 'amap://styles/fb26776387242721c2fc32e2cb1daccc';
             map.setMapStyle(styleName);
-    
+
             let mapComplete = false;
             let windowOnload = false;
             window.onload = function () {
@@ -48,12 +49,15 @@ const Example = (props) => {
         }, 100);
 
         //主题样式
-       
+
         return () => {
             const amapKeys = Object.keys(localStorage).filter(key => key.match(/^_AMap_/))  // 销毁地图
             amapKeys.forEach(key => {
                 localStorage.removeItem(key)
             })
+            map.clearMap();
+            if (map) map.destroy();
+            map = null;
             clearTimeout(timer)
         }
     }, [])
@@ -67,7 +71,7 @@ const Example = (props) => {
                     document.body.clientHeight / 1080
                 )})`, */
             }}>
-                <div id='amapId' style={{ position: 'absolute', width: "100%", height: "100%" }}></div>
+                <div id={MAPID} style={{ position: 'absolute', width: "100%", height: "100%" }}></div>
                 <div style={{ width: "100%", height: "10%" }}>
                     <Header tabChange={tabChange} tabKey={tabKey} dispatch={dispatch} />
                 </div>

web/client/src/sections/quanju/containers/footer/conserve/right/right-bottom.js

@@ -15,7 +15,7 @@ let underColorList = [
   "rgba(255,194,20,0.5)"
 ]
 
-const type = ['road', 'culvert', 'bridge']
+const type = ['culvert','', 'road', 'bridge']
 
 const RightBottom = (props) => {
   const { roadMaintenances } = props
@@ -45,6 +45,7 @@ const RightBottom = (props) => {
     }
   }).filter(f => f !== undefined)
   const otherNum = totalData - typesNum
+  console.log();
   otherNum !== null && list?.push({ name: '其他', value: otherNum })
   const style = { height: "31%", marginTop: "3%" }
   return (