安全一张图图标修改

src/pages/SecurityServiceOverview/SafetyMap/index.tsx

@@ -210,6 +210,8 @@ const SafetyMap = () => {
       return {};
     }
   };
+
+  
   return (
     <div className={styles.container}>
       <div style={{ width: '100%', height: '100%' }}>
@@ -222,6 +224,8 @@ const SafetyMap = () => {
           <Fragment>
             {facility?.data?.records?.map((item: any, index: number) => {
               const point = [Number(item?.longitude), Number(item?.latitude)];
+            
+              
               return (
                 <CooglMap.Marker
                   key={index}

src/pages/SecurityServiceOverview/components/BaseInfo/DetMap/index.tsx

-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef } from 'react';
 // import { CustomOverlay, Polygon } from 'react-bmapgl';
 import CooglMap from '@/components/CooglMap';
 
-import styles from './index.less';
 import { colorConfig } from '@/pages/SecurityServiceOverview/SafetyMap';
+import styles from './index.less';
 const DetMap = ({ data }: { data: any }) => {
-  console.log(data, '44');
-
   const MapRef = useRef<any>();
 
-  // const [searchParams, setSearchParams] = useState({
-  //   parentTypeCode: 'dlql',
-  //   lat: 30.680193,
-  //   lon: 104.075555,
-  //   distance: 1000,
-  //   page: 1,
-  //   count: 100,
-  // });
-  // // 事件详情弹窗
-  // const [detailModalOpt, setDetailModalOpt] = useState<any>({
-  //   open: false,
-  //   title: '',
-  //   eventId: '',
-  // });
-  // const [wayModalOpt, setWayModalOpt] = useState<{
-  //   open: boolean;
-  //   title: string;
-  // }>({
-  //   open: false,
-  //   title: '道路桥梁情况',
-  // });
-  useEffect(()=>{
-    if(data){
+  useEffect(() => {
+    if (data) {
       MapRef?.current?.flyTo({
         destination: {
           x: Number(data?.longitude),
           y: Number(data?.latitude),
           z: 239,
         },
-    
+
         // orientation: {
         //   heading: 6.283185307179586,
         //   pitch: -1.568627330287271,
@@ -46,40 +23,38 @@ const DetMap = ({ data }: { data: any }) => {
         // },
       });
     }
-  
-  },[data])
- 
+  }, [data]);
+  if (!data) {
+    return;
+  }
   return (
     <div className={styles.container}>
-   
-        <CooglMap.MapView
-          zoom={13}
-          ref={MapRef}
-          center={{ x: 104, y: 30.75 }}
-          showCustomComponent={false}
-        >
-          <>
-            <CooglMap.CustomOverlay
-              position={[Number(data?.longitude), Number(data?.latitude)]}
-              onSet={() => {
-                // setDetailModalOpt({
-                //   open: true,
-                //   eventId: item?.riskId,
-                //   ...item,
-                // });
-              }}
-            >
-              <img
-                data-event-key="set"
-                src={colorConfig[data?.risklevel!]?.icon}
-                alt=""
-                style={{ width: 52, height: 52, zIndex: 999 }}
-              />
-            </CooglMap.CustomOverlay>
-          </>
-        
-        </CooglMap.MapView>
-    
+      <CooglMap.MapView
+        zoom={13}
+        ref={MapRef}
+        center={{ x: 104, y: 30.75 }}
+        showCustomComponent={false}
+      >
+        <>
+          <CooglMap.CustomOverlay
+            position={[Number(data?.longitude), Number(data?.latitude)]}
+            onSet={() => {
+              // setDetailModalOpt({
+              //   open: true,
+              //   eventId: item?.riskId,
+              //   ...item,
+              // });
+            }}
+          >
+            <img
+              data-event-key="set"
+              src={colorConfig[data?.risklevel!]?.icon}
+              alt=""
+              style={{ width: 52, height: 52, zIndex: 999 }}
+            />
+          </CooglMap.CustomOverlay>
+        </>
+      </CooglMap.MapView>
     </div>
   );
 };

src/pages/SecurityServiceOverview/components/BaseInfo/index.tsx

@@ -139,7 +139,10 @@ const BaseInfo: React.FC<{
           </Flex> */}
         </div>
       </div>
+      
       <DetMap data={data?.data?.records?.[0]}/>
+    
+     
       <div className={styles.right}>
         <Casecirculation
           casecirculationRecordData={data?.recordList?.map((item: any) => ({