Ver código fonte

feat(map orientation): add orientation to map

xiaoxian521 4 anos atrás
pai
commit
2467de5493
2 arquivos alterados com 5 adições e 2 exclusões
  1. 1 0
      mock/map.ts
  2. 4 2
      src/components/map/amap.vue

+ 1 - 0
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
     })

+ 4 - 2
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",