드론 관제 마커 클릭 헤딩 수정

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:
+          content: `<img src="${imageUrl}" alt="" style="transform: rotate(${clickMarker.gps.heading}deg)">`,
-            clickMarker.id.indexOf('PALDRONE') > -1
-              ? DronDetailIcon
-              : FlightDetailIcon,
           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)
         });