From f3773495e82d44bcd8d7c6ad810af5ac1e0d4731 Mon Sep 17 00:00:00 2001
From: JANGHYUNn <kimjh2369@gmail.com>
Date: Mon, 4 Sep 2023 18:26:23 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B4=80=EC=A0=9C=20=EA=B8=B0=EC=B2=B4=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20=EB=8D=B0=EC=9D=B4=ED=84=B0=EB=B8=94?=
 =?UTF-8?q?=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/map/mapbox/dron/DronMarker.js | 45 ++++++++++----------
 1 file changed, 23 insertions(+), 22 deletions(-)

diff --git a/src/components/map/mapbox/dron/DronMarker.js b/src/components/map/mapbox/dron/DronMarker.js
index bbcd23dc..05eb3b17 100644
--- a/src/components/map/mapbox/dron/DronMarker.js
+++ b/src/components/map/mapbox/dron/DronMarker.js
@@ -374,28 +374,29 @@ export const DronMarker = props => {
   const moveInfos = (info, position, item, idx) => {
     if (info) {
       info.setLngLat([position.lng, position.lat]);
-      //   info.setPosition(position, info);
-      //   // info._element.html(`<div class="dblock-ti"><span>${info?._id}</span>
-      //   // <span>${item?.speed}${item?.speedType} | ${item?.elev}${item?.elevType} | ${item?.heading}</span></div>`);
-      //   info._element.html(`
-      //     <div class="dblock-ti">
-      //       <span>${info?._id}</span>
-      //     </div>
-      //     <div class="dblock-txt">
-      //       <div class="dblock-txt-list">
-      //           <span>${item?.elev}M</span>
-      //           <span>${item?.speed}km</span>
-      //           ${
-      //             typeof item?.lat === 'number' && typeof item?.lng === 'number'
-      //               ? `
-      //               <span>
-      //                 ${(item?.lat).toFixed(6)} ${(item?.lng).toFixed(6)}
-      //               </span>`
-      //               : ''
-      //           }
-      //       </div>
-      //     </div>
-      // `);
+      info.setHTML(
+        `
+      <div class="dblock-box">
+        <div class="dblock-ti">
+          <span>${info?._id}</span>
+        </div>
+        <div class="dblock-txt">
+          <div class="dblock-txt-list">
+            <span>${item?.elev}M</span>
+            <span>${item?.speed}km</span>
+            ${
+              typeof item?.lat === 'number' && typeof item?.lng === 'number'
+                ? `
+                <span>
+                  ${(item?.lat).toFixed(6)} ${(item?.lng).toFixed(6)}
+                </span>`
+                : ''
+            }
+          </div>
+        </div>
+      </div>
+        `
+      );
     }
   };