feat:导览页面数据模拟

src/components/view/left/viewLeft.component.ts

@@ -25,12 +25,12 @@ export default class ViewLeftComponent extends Vue {
     treeData = treeData;
     viewList = [
         {
-            id: Mock.mock("@id"),
+            id: '1',
             title: '北大门东区→南大门西区',
             from: '北大门东区',
             to: '南大门西区'
         }, {
-            id: Mock.mock("@id"),
+            id: '2',
             title: '南大门东区→北大门西区',
             from: '南大门东区',
             to: '北大门西区'

src/mock/real.ts

@@ -1,23 +1,27 @@
 export default [[
-    13312554.24,
+    11661118.72,
-    4098441.2800000003,
+    3692382.4,
-    0.4
+    0
 ],[
-    13313066.24,
+    11661186.56,
-    4098892.48,
+    3692696.64,
-    0.476328125
+    0
 ],[
-    13313446.4,
+    11660930.56,
-    4098451.52,
+    3692642.88,
-    0.4000390625
+    3.583046875
 ],[
-    13312994.56,
+    11660729.6,
-    4098064.96,
+    3692633.2800000003,
-    0.3999609375
+    3.5830078125
 ],[
-    13312628.48,
+    11660718.08,
-    4098448.3200000003,
+    3692349.12,
-    0.39998046875
+    0
+],[
+    11660874.24,
+    3692352.3200000003,
+    -0.0000390625
 ]
     
 ]

src/views/base.component.ts

@@ -10,6 +10,7 @@ import boundsData from "@/mock/bounds"
 import ParkFileService from '@/service/park.service';
 import CloseService from '@/service/close.service';
 import * as turf from "@turf/turf"
+import path from '@/mock/path';
 
 @Component({
     template,
@@ -25,6 +26,7 @@ export default class BaseComponent extends Vue {
     public layerData = layerData;
 
     public lock = true;
+    public tourPathData = path;
 
     public timerList = {} as any;
     public pakFilePath =  "@path:DTS_Library_V5.4.pak";
@@ -59,7 +61,7 @@ export default class BaseComponent extends Vue {
     // 添加电子围栏 // 安全线  // 实控线 // 规划线
     public async toggleArea(layer){
         if(!layer.ids.length){
-            const result = this.dataList[layer.value].map(item=>{
+            const result = layer.data.map(item=>{
                 return {
                     id:item.id,
                     groupId:layer.value,

src/views/overview.component.html

@@ -1,6 +1,6 @@
 <div class="overview-container">
 
-<!-- <MapComponent id="map" @onLoaded="getMap" @onHandleChange="handleChange"></MapComponent>-->
+<MapComponent id="map" @onLoaded="getMap" @onHandleChange="handleChange"></MapComponent>
 
     <div class="bg-box left animate__animated">
         <div class="panel-container">

src/views/overview.component.ts

@@ -57,6 +57,8 @@ export default class OverViewComponent extends BaseComponent {
         this.player = store;
         this.lock = false
         this.resetMap();
+        this.player.api.cameraTour.delete("1");
+        this.player.api.cameraTour.delete("2");
         this.player.api.customObject.clear();
         this.player.api.polygon3d.clear();
         this.player.api.marker.clear();
@@ -65,6 +67,7 @@ export default class OverViewComponent extends BaseComponent {
         this.player.api.polyline.clear();
         this.player.api.heatmap.clear();
         this.currentLayers = this.getCurrentLayers();
+        this.player.api.cameraTour.add(this.tourPathData)
 
     }
 
@@ -118,7 +121,7 @@ export default class OverViewComponent extends BaseComponent {
         this.hideAllPanel = !this.hideAllPanel;
         this.drawerChange(!this.hideAllPanel)
         if(!this.hideAllPanel){
-
+            this.player.api.cameraTour.stop();
             this.player.api.settings.setInteractiveMode(0)
         }
     }
@@ -135,6 +138,8 @@ export default class OverViewComponent extends BaseComponent {
         layer.selected = !layer.selected;
         if(layer.type === "moveMarker"){
             this.addMarker(layer,true)
+        }else{
+            this.toggleArea(layer)
         }
     }
     //进入自由导览
@@ -205,7 +210,7 @@ export default class OverViewComponent extends BaseComponent {
     //进入路线导览
     playView(item){
         this.toggleAllPanel()
-        console.log('进入路线导览',item)
+        this.player.api.cameraTour.play(item.id)
     }
 
     deactivated(){