From 2467de5493886846548107cec30ab80fc2fb83d2 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Fri, 2 Apr 2021 13:49:28 +0800
Subject: [PATCH] feat(map orientation): add orientation to map

---
 mock/map.ts                 | 1 +
 src/components/map/amap.vue | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/mock/map.ts b/mock/map.ts
index 57696f253..36511fa9a 100644
--- a/mock/map.ts
+++ b/mock/map.ts
@@ -7,6 +7,7 @@ const mapList = (): any => {
     result.push({
       plateNumber: "豫A@natural(11111, 99999)@character('upper')",
       driver: '@cname()',
+      "orientation|1-360": 100,
       "lng|113-114.1-10": 1,
       "lat|34-35.1-10": 1
     })
diff --git a/src/components/map/amap.vue b/src/components/map/amap.vue
index 6062b024a..dafbf9061 100644
--- a/src/components/map/amap.vue
+++ b/src/components/map/amap.vue
@@ -100,8 +100,10 @@ export default defineComponent({
             renderMarker(ctx) {
               let { marker, data } = ctx;
               if (Array.isArray(data) && data[0]) {
-                var { driver, plateNumber } = data[0];
-                var content = `<img src='${greenCar}' />`;
+                var { driver, plateNumber, orientation } = data[0];
+                var content = `<img style="transform: scale(1) rotate(${
+                360 - Number(orientation)
+              }deg);" src='${greenCar}' />`;
                 marker.setContent(content);
                 marker.setLabel({
                   direction: "bottom",