image数据

src/stores/mapStore.js

@@ -1,4 +1,4 @@
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 import { defineStore } from 'pinia';
 import {
   addImagePoint,
@@ -18,7 +18,7 @@ export const useMapStore = defineStore('mapStore', () => {
 
   // 会商车绘制列表
   const flowCarList = ref([]);
-
+  const img = ref(new URL('@/assets/image/map/12.png', import.meta.url).href);
   const pushFlowCarList = (value) => {
     flowCarList.value.push(value);
   };
@@ -52,7 +52,7 @@ export const useMapStore = defineStore('mapStore', () => {
           });
           //密接图标
           addImagePoint('touch', data, {
-            imageUrl: new URL(`@/assets/image/mapTools/2.png`, import.meta.url).href
+            imageUrl: new URL(`@/assets/image/mapTools/1.png`, import.meta.url).href
           });
           // const res = await getTrajectorPointOnPeople({ type: 1 });
           // if (res?.code == 200) {
@@ -160,6 +160,16 @@ export const useMapStore = defineStore('mapStore', () => {
     }
   };
 
+  watch(
+    () => currentToolSelectArray.value,
+    (val) => {
+      console.log(val);
+    },
+    {
+      deep: true
+    }
+  );
+
   //关闭地图工具图标
   const delCurrentToolSelectArray = (value) => {
     currentToolSelectArray.value = currentToolSelectArray.value.filter((item) => item != value);
@@ -180,6 +190,7 @@ export const useMapStore = defineStore('mapStore', () => {
   };
 
   return {
+    img,
     currentToolSelectArray,
     flowCarList,
     pushFlowCarList,

src/views/DataCenterGis/components/LeftMap.vue

@@ -4,7 +4,8 @@
       <span class="title-text">区域分布</span>
     </div>
     <div class="map-container">
-      <GisMap />
+      <!-- <GisMap /> -->
+      <img :src="mapStore.img" style="width: 100%; height: 100%" />
       <Tools></Tools>
 
       <div class="table-container" v-if="mapStore.currentToolSelectArray.includes('Bidding')">