드론 헤딩 방향 작업

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 = `
@@ -79,11 +78,14 @@ export const DronMarker = props => {
   useEffect(() => {
     arrMarkers.map(clickMarker => {
       if (objectId === clickMarker.controlId && isClickObject) {
-          clickMarker.setIcon({
+        clickMarker.setIcon({
-            url: clickMarker.id.indexOf('PALDRONE') > -1 ? DronDetailIcon : FlightDetailIcon,
+          url:
-            origin: new naver.maps.Point(0, 0),
+            clickMarker.id.indexOf('PALDRONE') > -1
-            anchor: new naver.maps.Point(15, 15)
+              ? 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,
@@ -117,7 +119,11 @@ export const DronMarker = props => {
       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);
@@ -154,7 +160,6 @@ export const DronMarker = props => {
     dispatch(objectClickAction(controlId));
     dispatch(controlGpDtlAction.request(controlId));
     dispatch(controlGpFlightPlanAction.request(idntfNum));
-    
   };
 
   //마커를 삭제 한다.