From b7c3c492e5f1b5de35ea84ace6bde65b61a571ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?kimjh=28=EA=B9=80=EC=9E=A5=ED=98=84=29?=
 <kimjh2369@gmail.com>
Date: Tue, 18 Oct 2022 15:06:44 +0900
Subject: [PATCH] =?UTF-8?q?=EB=93=9C=EB=A1=A0=20=ED=97=A4=EB=94=A9=20?=
 =?UTF-8?q?=EB=B0=A9=ED=96=A5=20=EC=9E=91=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/map/naver/dron/DronMarker.js | 35 ++++++++++++---------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/components/map/naver/dron/DronMarker.js b/src/components/map/naver/dron/DronMarker.js
index 81825a2e..8a135217 100644
--- a/src/components/map/naver/dron/DronMarker.js
+++ b/src/components/map/naver/dron/DronMarker.js
@@ -30,7 +30,6 @@ export const DronMarker = props => {
   let naver = props.naver;
   let map = props.map;
   let CustomOverlay;
-
   let infoWindow;
   const infowindowOpen = data => {
     const content = `
@@ -78,12 +77,15 @@ export const DronMarker = props => {
 
   useEffect(() => {
     arrMarkers.map(clickMarker => {
-      if (objectId === clickMarker.controlId && isClickObject) {        
-          clickMarker.setIcon({
-            url: clickMarker.id.indexOf('PALDRONE') > -1 ? DronDetailIcon : FlightDetailIcon,
-            origin: new naver.maps.Point(0, 0),
-            anchor: new naver.maps.Point(15, 15)
-          });        
+      if (objectId === clickMarker.controlId && isClickObject) {
+        clickMarker.setIcon({
+          url:
+            clickMarker.id.indexOf('PALDRONE') > -1
+              ? DronDetailIcon
+              : FlightDetailIcon,
+          origin: new naver.maps.Point(0, 0),
+          anchor: new naver.maps.Point(15, 15)
+        });
       } else {
         clickMarker.setIcon({
           url: clickMarker.id.indexOf('PALDRONE') > -1 ? DronIcon : FlightIcon,
@@ -106,18 +108,22 @@ export const DronMarker = props => {
   //마커를 그린다.
   const addMarkers = (position, id, controlId, gps) => {
     const iconOption = {};
-    
+
     const homePath = window.HOME_PATH || '.';
     iconOption.url = id.indexOf('PALDRONE') > -1 ? DronIcon : FlightIcon;
     iconOption.origin = new naver.maps.Point(0, 0);
-    iconOption.anchor = new naver.maps.Point(15, 15);    
+    iconOption.anchor = new naver.maps.Point(15, 15);
 
     const marker = new naver.maps.Marker({
       position: position,
       title: id,
       id: id,
       controlId: controlId,
-      icon: iconOption,
+      icon: {
+        content: `<img src="${iconOption.url}" alt="" style="transform: rotate(${gps.heading}deg)">`,
+        origin: iconOption.origin,
+        anchor: iconOption.anchor
+      },
       gps: gps
     });
     marker.setMap(props.map);
@@ -146,15 +152,14 @@ export const DronMarker = props => {
       }
     });
 
-    setArrMarkers(m => [...m, marker]);    
-  };  
+    setArrMarkers(m => [...m, marker]);
+  };
 
-  const handlerDronClick = (controlId, idntfNum) => {    
+  const handlerDronClick = (controlId, idntfNum) => {
     // get detail, history, flight-plan
     dispatch(objectClickAction(controlId));
     dispatch(controlGpDtlAction.request(controlId));
-    dispatch(controlGpFlightPlanAction.request(idntfNum));    
-    
+    dispatch(controlGpFlightPlanAction.request(idntfNum));
   };
 
   //마커를 삭제 한다.