edit

proxy.conf.js

@@ -20,7 +20,7 @@ module.exports = {
   // }
   '//api': {
     target: {
-      host: 'tms-api-test.eascs.com',
+      host: 'tms-api-dev.eascs.com',
       protocol: 'https:',
       port: 443
     },

src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.ts

@@ -60,11 +60,12 @@ export class OrderManagementVehicleDetailComponent implements OnInit {
     private msgSrv: NzMessageService,
     private service: OrderManagementService,
     private router: Router,
-    private modal: NzModalService,
+    private modal: NzModalService
   ) {}
 
   ngOnInit(): void {
     this.initData();
+    this.MapInit();
   }
 
   initData() {
@@ -89,13 +90,13 @@ cancellation() {
       nzTitle: '<b>确定取消该订单吗?</b>',
       nzContent: `<b>取消后无法恢复，请确认</b>`,
       nzOnOk: () =>
-      this.service.request(this.service.$api_get_cancelAnOrder, {id: this.id}).subscribe((res) => {
+        this.service.request(this.service.$api_get_cancelAnOrder, { id: this.id }).subscribe(res => {
           if (res === true) {
             this.service.msgSrv.success('操作成功！');
             this.initData();
           }
-      }),
         })
+    });
   }
   goBack() {
     window.history.go(-1);
@@ -121,7 +122,7 @@ cancellation() {
 
   goDistance(elf: NzCardComponent) {
     if (elf) {
-      elf['elementRef'].nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start' , });
+      elf['elementRef'].nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start' });
       // elf['elementRef'].nativeElement.className = 'target-fix'
     }
   }
@@ -137,7 +138,7 @@ cancellation() {
           });
         });
         console.log(list);
-        this.MapList = list
+        this.MapList = list;
       }
     });
   }

src/app/shared/components/amap/amap-path-simplifier/amap-path-simplifier.component.ts

@@ -16,13 +16,14 @@ const CONFIG = amapConf;
 export class AmapPathSimplifierComponent implements OnInit, OnChanges {
   aMap: any;
   pathSimplifierIns: any;
+  navigator: any;
   @Input()
   pathList: any = [];
   @Input()
   selectedIndex = 0;
   @Input()
   mapWidth = '800px';
-  @Input('MapList') MapList: any;
+  @Input() MapList: any;
   @Input()
   mapHeight = '500px';
 
@@ -35,15 +36,19 @@ export class AmapPathSimplifierComponent implements OnInit, OnChanges {
       this.setData(changes.pathList?.currentValue);
       this.setPathIndex(this.selectedIndex);
     }
-  }
-  ngOnInit(): void {
-    this.mapInit();
+    if (changes?.MapList?.currentValue && this?.pathSimplifierIns) {
       this.pathList = [
         {
           name: '路线1',
-            points: this.MapList
+          points: changes?.MapList?.currentValue
         }
       ];
+      this.setData(this.pathList);
+      this.setPathIndex(this.selectedIndex);
+    }
+  }
+  ngOnInit(): void {
+    this.mapInit();
     // this.DataInit();
   }
   ngOnDestroy(): void {
@@ -104,7 +109,7 @@ export class AmapPathSimplifierComponent implements OnInit, OnChanges {
         return pathData.name + '，点数量' + pathData.points?.length;
       },
       renderOptions: {
-        renderAllPointsIfNumberBelow: 100 //绘制路线节点，如不需要可设置为-1
+        renderAllPointsIfNumberBelow: 10 //绘制路线节点，如不需要可设置为-1
       }
     });
     (window as any).pathSimplifierIns = this.pathSimplifierIns;
@@ -118,12 +123,6 @@ export class AmapPathSimplifierComponent implements OnInit, OnChanges {
       this.clcikPointEvent.emit({ e, info });
       console.log('Click: ' + info.pathData.points[info.pointIndex].name);
     });
-    // navg1.start();
-    // var navg1 = this.pathSimplifierIns.createPathNavigator(0, {
-    //   loop: true, //循环播放
-    //   speed: 1000000 //巡航速度，单位千米/小时
-    // });
-    // navg1.start();
   }
 
   setData(pathList: Array<any>) {
@@ -132,5 +131,18 @@ export class AmapPathSimplifierComponent implements OnInit, OnChanges {
 
   setPathIndex(index: number) {
     this.pathSimplifierIns.setSelectedPathIndex(index);
+    this.startNav();
+  }
+
+  startNav() {
+    if (this.navigator) {
+      this.navigator.start();
+    } else {
+      this.navigator = this.pathSimplifierIns?.createPathNavigator(0, {
+        loop: true, //循环播放
+        speed: 1000000 //巡航速度，单位千米/小时
+      });
+      this.navigator?.start();
+    }
   }
 }