관제 기체 정보 데이터블록 수정

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>
+        `
+      );
     }
   };