本地中压管线上图

huaxin-web/src/views/bigWindow/Ind3/Ind.vue

@@ -39,6 +39,7 @@ import {
   deviceIcon,
   pipeColor,
 } from "@/utils/mapClass/deviceIconTypeConfig";
+import axios from "axios";
 
 export default {
   name: "",
@@ -102,15 +103,17 @@ export default {
 
     getpipe(){
       pipeInfoList().then((res) => {
-        if (res.code == 200 && res.data) {
-        res.data.forEach((item) => {
-          item.path = eval(item.coordinates);
-        item.pipePressure = item.pipeType;
-        item.strokeWeight = 4;
-        this.gaoMap.addPipeLine(item, PipeInfo);
+          if (res.code == 200 && res.data) {
+          res.data.forEach((item) => {
+            item.path = eval(item.coordinates);
+          item.pipePressure = item.pipeType;
+          item.strokeWeight = 4;
+          this.gaoMap.addPipeLine(item, PipeInfo);
+        });
+        }
       });
-      }
-    });
+      //加载本地管线
+      this.getLocationPipe();
     },
 
     getPointList(){
@@ -233,6 +236,25 @@ export default {
           this.gaoMap.businessDetectorUserlabelsLayer.show();
         }
       }
+    },
+    getLocationPipe(){
+      axios.get("../geo_json/pipe.json").then((res) => {
+        if(res.data){
+          //let lines = res.data.split(/\r?\n|\r/);
+          res.data.forEach((line, index) => {
+            let locations = line.coordinates.split(";");
+            let pipe = [];
+            locations.forEach(location => {
+                pipe.push(location.split(","));
+            })
+            line.path = eval(pipe);
+            line.pipeLength = parseFloat(line.pipeLength).toFixed(2);
+            line.pipePressure = 3;
+            line.strokeWeight = 4;
+            this.gaoMap.addPipeLine(line, PipeInfo);
+          });
+        }
+      })
     }
   },
 };