From 2f10b1d0abd939932256a12efb2656c5f602c29e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?junh=5Feee=28=EC=9D=B4=EC=A4=80=ED=9D=AC=29?=
 <junheee@palnet.co.kr>
Date: Tue, 13 Jun 2023 15:54:00 +0900
Subject: [PATCH] =?UTF-8?q?div=20=EC=A3=BC=EC=84=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/map/naver/NaverMap.js | 29 +++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/components/map/naver/NaverMap.js b/src/components/map/naver/NaverMap.js
index 134d781..8f65280 100644
--- a/src/components/map/naver/NaverMap.js
+++ b/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) => {
-      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 marker = new naver.maps.Marker({
-        position: po,
-        map: mapObject,
-        icon: {
-          content: [cont].join(''),
-          anchor: new naver.maps.Point(20, 20)
-        }
-      });
-    });
+    // coordValue.map((val, idx) => {
+    //   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 marker = new naver.maps.Marker({
+    //     position: po,
+    //     map: mapObject,
+    //     icon: {
+    //       content: [cont].join(''),
+    //       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