twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-08 01:17:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(map orientation): add orientation to map

Browse Source
This commit is contained in:
xiaoxian521 2021-04-02 13:49:28 +08:00
parent da05f4426e
commit 2467de5493
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
mock/map.ts
View File

@ -7,6 +7,7 @@ const mapList = (): any => {
result.push({ result.push({
plateNumber: "豫A@natural(11111, 99999)@character('upper')", plateNumber: "豫A@natural(11111, 99999)@character('upper')",
driver: '@cname()', driver: '@cname()',
"orientation|1-360": 100,
"lng|113-114.1-10": 1, "lng|113-114.1-10": 1,
"lat|34-35.1-10": 1 "lat|34-35.1-10": 1
}) })

6
src/components/map/amap.vue
View File

@ -100,8 +100,10 @@ export default defineComponent({
renderMarker(ctx) { renderMarker(ctx) {
let { marker, data } = ctx; let { marker, data } = ctx;
if (Array.isArray(data) && data[0]) { if (Array.isArray(data) && data[0]) {
var { driver, plateNumber } = data[0]; var { driver, plateNumber, orientation } = data[0];
var content = `<img src='${greenCar}' />`; var content = `<img style="transform: scale(1) rotate(${
360 - Number(orientation)
}deg);" src='${greenCar}' />`;
marker.setContent(content); marker.setContent(content);
marker.setLabel({ marker.setLabel({
direction: "bottom", direction: "bottom",