轨迹

src/components/Map.vue

@@ -7,10 +7,11 @@
 <script>
 import CityGis from '@/utils/map/CityGis.Bridge.js';
 import { myBridge } from '@/utils/map/map';
-import {addPointSearch, clearMap, setCamera} from "@/utils/map/AddLayer.js";
+import {addPointSearch, clearMap, drawHistory, setCamera} from "@/utils/map/AddLayer.js";
 import {handleDangerStatistic, initDistrict, initShanghaiMap, viewComplete} from "@/utils/map/baseMethod.js";
 import {useEventInteractionStore} from "@/store/eventInteraction.js";
 import {useRiskLocationControlDialogStore} from "@/store/riskLocationControlDialog.js";
+import {analogData} from "@/utils/mapService/local-data.js";
 let bridge;
 
 const eventInteractionStore = useEventInteractionStore()
@@ -69,6 +70,11 @@ export default {
               })
               clearMap()
               break;
+            case 'MapClickAction':
+              if(arg.data.id === "cdcl-history" || arg.data.id === "cdry-history"){
+                drawHistory(true, analogData["轨迹"])
+              }
+              break;
           }
         });
       });

src/utils/map/AddLayer.js

@@ -452,3 +452,16 @@ export function draw(type) {
     "type": type
   });
 }
+
+export function drawHistory(bol, data) {
+  invokeParams('DrawHistory', {
+    "show": bol,
+    "data": data
+  });
+}
+
+export function playHistory(status) {
+  invokeParams('PlayHistory', {
+    "status": status
+  });
+}

src/utils/map/baseMethod.js

@@ -1158,14 +1158,14 @@ export function handleCdryPoint(bol) {
         actions: [
           {
             title: "查看轨迹",
-            id: "cdcl-history",
-            icon: "measure"
-          },
-          {
-            title: "查看视频",
-            id: "cdcl-view",
+            id: "cdry-history",
             icon: "measure"
           },
+          // {
+          //   title: "查看视频",
+          //   id: "cdry-view",
+          //   icon: "measure"
+          // },
         ]
       },
       "100px"
@@ -1198,11 +1198,11 @@ export function handleCdclPoint(bol) {
             id: "cdcl-history",
             icon: "measure"
           },
-          {
-            title: "查看视频",
-            id: "cdcl-view",
-            icon: "measure"
-          },
+          // {
+          //   title: "查看视频",
+          //   id: "cdcl-view",
+          //   icon: "measure"
+          // },
         ]
       },
       "100px"

src/views/right/components/handleProcess/comp/CarCd.vue

@@ -28,6 +28,7 @@ import CommonPanel from "../../common/CommonPanel.vue";
 import CarImage from "../../../../../assets/img/car-icon.png";
 import {handleCdclPoint, handleCdryPoint} from "@/utils/map/baseMethod.js";
 import {onBeforeUnmount} from "vue";
+import {drawHistory} from "@/utils/map/AddLayer.js";
 
 const leftServiceList = [
   {
@@ -90,6 +91,7 @@ const handleCheck = (item) => {
 
 onBeforeUnmount(() => {
   handleCdclPoint(false)
+  drawHistory(false)
 })
 </script>
 

src/views/right/components/handleProcess/comp/PeopleCd.vue

@@ -34,7 +34,9 @@
 import { ref, watch, onMounted, onBeforeUnmount } from 'vue'
 import CommonPanel from "../../common/CommonPanel.vue";
 import CarImage from "../../../../../assets/img/people-icon.png";
-import { handleCdryPoint } from "@/utils/map/baseMethod.js";
+import {handleCdryPoint} from "@/utils/map/baseMethod.js";
+import {drawHistory} from "@/utils/map/AddLayer.js";
+import {analogData} from "@/utils/mapService/local-data.js";
 const emit = defineEmits(['handleVideoCallClick'])
 
 const leftServiceList = [
@@ -119,6 +121,7 @@ function handleMultiPersonVideoCall() {
 
 onBeforeUnmount(() => {
   handleCdryPoint(false)
+  drawHistory(false)
 })
 </script>