div 주석

src/components/map/naver/NaverMap.js

@@ -11,6 +11,7 @@ import NewDronPlan from './dron/NewDronPlan';
 import { NewDronHistory } from './dron/NewDronHistroy';
 import DronToast from './dron/DronToast';
 import SensorZone from './sensor/SensorZone';
+import ControlDraw from './draw/ControlDraw';
 
 export const NaverCustomMap = () => {
   const dispatch = useDispatch();
@@ -180,18 +181,18 @@ export const NaverCustomMap = () => {
     //   result.push({ lat: lat_sum, lng: lng_sum });
     // console.log('coordvalue>>', coordValue);
 
-    coordValue.map((val, idx) => {
+    // coordValue.map((val, idx) => {
-      const po = new naver.maps.LatLng(val._lat, val._lng);
+    //   const po = new naver.maps.LatLng(val._lat, val._lng);
-      const cont = `<div style="background-color:#f8f9fa;border-radius:20px;color:#000000 ">${idx}번</div>`;
+    //   const cont = `<div style="background-color:#f8f9fa;border-radius:20px;color:#000000 ">${idx}번</div>`;
-      const marker = new naver.maps.Marker({
+    //   const marker = new naver.maps.Marker({
-        position: po,
+    //     position: po,
-        map: mapObject,
+    //     map: mapObject,
-        icon: {
+    //     icon: {
-          content: [cont].join(''),
+    //       content: [cont].join(''),
-          anchor: new naver.maps.Point(20, 20)
+    //       anchor: new naver.maps.Point(20, 20)
-        }
+    //     }
-      });
+    //   });
-    });
+    // });
   }, [mapObject, coordValue]);
 
   useEffect(() => {}, []);
@@ -292,7 +293,7 @@ export const NaverCustomMap = () => {
         const coordlat = (coord._lat.toFixed(6) * Math.PI) / 180;
         const coordlng = (coord._lng.toFixed(6) * Math.PI) / 180;
 
-        console.log('>>', coordlat);
+        // console.log('>>', coordlat);
         const R = 6371; // Radius of the earth in km
         const dLat = coordlat - centerLatRad;
         const dLon = coordlng - centerLngRad;
@@ -444,6 +445,8 @@ export const NaverCustomMap = () => {
             handleHistoryInit={handleHistoryInit}
           /> */}
 
+          <ControlDraw map={mapObject} naver={naver} />
+
           <DronToast />
 
           <FeatureAirZone