From 3384ac57587fdaa1d56b68e1841d381af3acd7d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?junh=5Feee=28=EC=9D=B4=EC=A4=80=ED=9D=AC=29?=
 <junh_eee@naver.com>
Date: Thu, 18 Aug 2022 10:38:07 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=84=ED=96=89=20=EA=B5=AC=EC=97=AD=20?=
 =?UTF-8?q?=EC=84=A4=EC=A0=95=20-=20=EC=98=A4=EB=A5=98=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../map/naver/draw/FlightPlanDraw.js          | 26 ++++++++++++-------
 src/components/map/naver/dron/DronHistory.js  |  2 +-
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/components/map/naver/draw/FlightPlanDraw.js b/src/components/map/naver/draw/FlightPlanDraw.js
index 23c4c84..edb5bb6 100644
--- a/src/components/map/naver/draw/FlightPlanDraw.js
+++ b/src/components/map/naver/draw/FlightPlanDraw.js
@@ -222,10 +222,14 @@ export const FlightPlanDraw = props => {
       setMarker(distanceMarker);
       distanceMarker.forEach(c => c.setMap(null))
 
-      setPolygon(polygon);
-      setAreaInfo(polygonpaths);
+      if(polygonpaths.length >= 3) {
+        setPolygon(polygon);
+        setAreaInfo(polygonpaths);
+      } else {
+        polygon.setMap(null)
+        polygon = '';
+      }
 
-      polygon.setMap(null)
       setFigure(polygon)
     }
   }
@@ -249,9 +253,9 @@ export const FlightPlanDraw = props => {
       polyline = new naver.maps.Polyline({
         strokeLineCap: 'round',
         strokeLineJoin: 'round',
-        // strokeColor: '#283046',
-        strokeColor: '#ff0000',
-        // strokeWeight: 3,
+        strokeColor: '#283046',
+        // strokeColor: '#ff0000',
+        strokeWeight: 1,
         strokeOpacity: 1,
         path: [coord],
         map: map
@@ -656,7 +660,7 @@ export const FlightPlanDraw = props => {
               new naver.maps.Marker({
                 position: paths[i],
                 icon: {
-                  content: '<div style="display:inline-block;padding:5px;text-align:center;background-color:#fff;border:1px solid #000;font-size:13px;color:#737373;"><span>'+ 'Start' +'</span></div>',
+                  content: '<div style="display:inline-block;padding:5px;text-align:center;background-color:#fff;border:1px solid #000;font-size:13px;color:#ff0000;"><span>'+ 'Start' +'</span></div>',
                   anchor: new naver.maps.Point(45, 35)
                 }, map: map
               })
@@ -677,7 +681,7 @@ export const FlightPlanDraw = props => {
                 position: midPoint,
                 icon: {
                   content: '<div style="display:inline-block;padding:5px;text-align:center;background-color:#fff;border:1px solid #000;font-size:13px;color:#737373;"><span>'+ text +'</span></div>',
-                  anchor: new naver.maps.Point(-5, -5)
+                  anchor: new naver.maps.Point(20, 35)
                 }, map: map
               })
             )
@@ -845,7 +849,11 @@ export const FlightPlanDraw = props => {
       content = '<div style="display:inline-block;padding:5px;text-align:center;background-color:#fff;border:1px solid #000;font-size:13px;color:#ff0000;"><span>'+ text +'</span></div>'
       let dis1 = coord[coord.length-2];
       let dis2 = coord[coord.length-1];
-      midPoint = new naver.maps.LatLng((dis1.y + dis2.y)/2, (dis1.x + dis2.x)/2);
+      if(circle) {
+        midPoint = coord
+      } else {
+        midPoint = new naver.maps.LatLng((dis1.y + dis2.y)/2, (dis1.x + dis2.x)/2);
+      }
       anchor = new naver.maps.Point(20, 35)
     }
   
diff --git a/src/components/map/naver/dron/DronHistory.js b/src/components/map/naver/dron/DronHistory.js
index 81b008e..ca5a102 100644
--- a/src/components/map/naver/dron/DronHistory.js
+++ b/src/components/map/naver/dron/DronHistory.js
@@ -27,7 +27,7 @@ export const DronHistory = props => {
 	}, [objectId, isClickObject]);
 
 	const polylineRemove = () => {
-		console.log(props.arrPolyline);
+		// console.log(props.arrPolyline);
 		if (props.arrPolyline) {
 			props.arrPolyline.map(item => {
 				item.setMap(null);