From fa1c085340ae558164b2385af5a21681af65d2b7 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 16:18:27 +0900
Subject: [PATCH] =?UTF-8?q?=EB=93=9C=EB=A1=A0=20=EA=B4=80=EC=A0=9C=20?=
 =?UTF-8?q?=EB=A7=88=EC=BB=A4=20=ED=81=B4=EB=A6=AD=20=ED=97=A4=EB=94=A9=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/map/naver/dron/DronMarker.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/map/naver/dron/DronMarker.js b/src/components/map/naver/dron/DronMarker.js
index 8a13521..e612fad 100644
--- a/src/components/map/naver/dron/DronMarker.js
+++ b/src/components/map/naver/dron/DronMarker.js
@@ -76,19 +76,23 @@ export const DronMarker = props => {
   }, [controlGpList]);
 
   useEffect(() => {
+    let imageUrl;
     arrMarkers.map(clickMarker => {
       if (objectId === clickMarker.controlId && isClickObject) {
+        imageUrl =
+          clickMarker.id.indexOf('PALDRONE') > -1
+            ? DronDetailIcon
+            : FlightDetailIcon;
         clickMarker.setIcon({
-          url:
-            clickMarker.id.indexOf('PALDRONE') > -1
-              ? DronDetailIcon
-              : FlightDetailIcon,
+          content: `<img src="${imageUrl}" alt="" style="transform: rotate(${clickMarker.gps.heading}deg)">`,
           origin: new naver.maps.Point(0, 0),
           anchor: new naver.maps.Point(15, 15)
         });
       } else {
+        imageUrl =
+          clickMarker.id.indexOf('PALDRONE') > -1 ? DronIcon : FlightIcon;
         clickMarker.setIcon({
-          url: clickMarker.id.indexOf('PALDRONE') > -1 ? DronIcon : FlightIcon,
+          content: `<img src="${imageUrl}" alt="" style="transform: rotate(${clickMarker.gps.heading}deg)">`,
           origin: new naver.maps.Point(0, 0),
           anchor: new naver.maps.Point(15, 15)
         });