김포국제공항 관제권 공역 분리

src/components/map/naver/NaverMap.js

@@ -6,9 +6,11 @@ import NaverMapControl from './NaverMapControl';
 import { NaverMapSearch } from './search/NaverMapSearch';
 import { FeatureAirZone } from './feature/FeatureAirZone';
 import geoJson from '../geojson/airArea.json';
+import testJosn from '../geojson/airTest.json';
 import { controlGroupAuthAction } from '../../../modules/control/gp';
 import DronPlan from './dron/DronPlan';
 import DronToast from './dron/DronToast';
+import SensorZone from './sensor/SensorZone';
 
 export const NaverCustomMap = () => {
   const dispatch = useDispatch();
@@ -18,13 +20,13 @@ export const NaverCustomMap = () => {
   const [arrPolyline, setArrPolyline] = useState([]);
 
   let features = geoJson.features;
+  let test = testJosn.features;
 
   useEffect(() => {
     NaverMapInit();
     dispatch(controlGroupAuthAction.request());
   }, []);
 
-
   const NaverMapInit = () => {
     const mapOptions = {
       center: new naver.maps.LatLng(37.520357, 126.610166),
@@ -43,24 +45,18 @@ export const NaverCustomMap = () => {
     setMapObject(new naver.maps.Map('map', mapOptions));
   };
 
-    const handleHistoryInit = (line) => {
-        setArrPolyline([...arrPolyline, line])
-    }
+  const handleHistoryInit = line => {
+    setArrPolyline([...arrPolyline, line]);
+  };
 
   return (
     <>
       <div id='map' style={{ width: '100%', height: '100vh' }}></div>
       {mapObject != null ? (
         <>
-                    <DronMarker
-                        map={mapObject}
-                        naver={naver}
-                    />
+          <DronMarker map={mapObject} naver={naver} />
 
-                    <DronPlan
-                        map={mapObject}
-                        naver={naver}
-                    />                    
+          <DronPlan map={mapObject} naver={naver} />
 
           <NaverMapControl map={mapObject} />
 
@@ -73,7 +69,12 @@ export const NaverCustomMap = () => {
 
           <DronToast />
 
-                    <FeatureAirZone map={mapObject} naver={naver} features={features} />
+          <FeatureAirZone
+            map={mapObject}
+            naver={naver}
+            features={features}
+            test={test}
+          />
           {/* <NaverMapSearch map={mapObject} naver={naver} /> */}
           {/* <SensorZone map={mapObject} naver={naver} /> */}
         </>

src/components/map/naver/feature/FeatureAirZone.js

@@ -114,6 +114,22 @@ export const FeatureAirZone = props => {
         icon: null
       };
     });
+
+    // const coordzip = [];
+    // let tt = 140;
+    // for (let i = 0; i <= 180; i++) {
+    //   const diff = tt;
+
+    //   const coord1 = new naver.maps.EPSG3857.getDestinationCoord(
+    //     new naver.maps.LatLng(37.558599, 126.797627),
+    //     tt,
+    //     9300
+    //   );
+    //   coordzip.push(coord1);
+    //   tt += 2;
+    // }
+    // console.log(coordzip);
+    // console.log(tt);
   };
 
   const featureAirEvent = () => {