Bladeren bron

fix:处理canvas画的地图逻辑问题

chenzhen2 2 jaren geleden
bovenliggende
commit
2729e51ddf
1 gewijzigde bestanden met toevoegingen van 7 en 6 verwijderingen
  1. 7 6
      src/views/envmonitor/components/Map/MapBox.vue

+ 7 - 6
src/views/envmonitor/components/Map/MapBox.vue

@@ -667,8 +667,9 @@ export default defineComponent({
           proxyData.formateSpecialMapScale(proxyData.comMapScale);
         }
       },
+      //  canvas画的地图缩放处理
       formateSpecialMapScale(scale: any) {
-        let data: any = proxyData.copyMapDaata;
+        let data: any = JSON.parse(JSON.stringify(proxyData.copyMapDaata));
         if (data) {
           let spaceList: any = data.spaceList || [];
           spaceList.map((item: any) => {
@@ -744,6 +745,9 @@ export default defineComponent({
           mapBoxEle.style.width = proxyData.mapData.width + "px";
           mapBoxEle.style.height = proxyData.mapData.height + "px";
         }
+        if (proxyData.mapType == 2) {
+          canvasRef.value.init(proxyData.mapData);
+        }
       },
       /**
        * 设置空间的图标
@@ -784,8 +788,9 @@ export default defineComponent({
               item.top = item.top * proxyData.displacement.scale;
               item.left = item.left * proxyData.displacement.scale;
             }
+          } else {
+            proxyData.formateSpecialMapScale(proxyData.displacement.scale);
           }
-
           proxyData.mapData = data;
           proxyData.setMapBoxStyle();
         }
@@ -794,9 +799,6 @@ export default defineComponent({
        * 更新地图的位置
        */
       updateMapPositon(temp: any, matrix_box: any) {
-        // let left: any = (proxyData.displacement.oldSize[0] - proxyData.displacement.oldSize[0] * proxyData.displacement.scale) * proxyData.displacement.scaleTranslateProportion[0]
-        // let top: any = (proxyData.displacement.oldSize[1] - proxyData.displacement.oldSize[1] * proxyData.displacement.scale) * proxyData.displacement.scaleTranslateProportion[1]
-
         let left: any =
           proxyData.displacement.scaleCenter[0] -
           proxyData.displacement.scaleCenter[0] * proxyData.displacement.scale;
@@ -1100,7 +1102,6 @@ export default defineComponent({
               proxyData.mapData = resData?.data ?? null;
               // 切换数据的时候清楚默认样式
               proxyData.clearPreStyle();
-              debugger
               if (proxyData.mapType === 2) {
                 proxyData.formateSpecialMapData();
               } else {