地图背景样式提取

gassafety-web/src/components/mapDialog/js/gaodeMapDialog.js

@@ -9,6 +9,8 @@ import { delDeviceInfo } from "@/api/device/deviceInfo";
 import markerInfoWindow from "@/components/PopWindow/markerInfoWindow.vue";
 import { getArray } from "@/utils/gassafety.js";
 import { delPipe } from "@/api/device/pipe.js";
+import { lineColor,mapStyle } from "@/utils/mapCommon.js";
+
 import vue from "@/main";
 let defaultCenter = "石家庄";
 export let map;
@@ -48,7 +50,8 @@ class gaodeMap {
       showLabel: true,
       // labelzIndex: 110,
       pitch: 8,
-      zoom: 12
+      zoom: 12,
+      mapStyle,
       //mapStyle: 'amap://styles/darkblue',
       // mapStyle: 'amap://styles/3b679a15f448a4740ba2ff7524e1a4ae',
     });

gassafety-web/src/utils/gaodeMap.js

 import createPop from "./createPop";
-import { lineColor } from "./mapCommon.js";
+import { lineColor,mapStyle } from "./mapCommon.js";
 import regulatorBox from "../components/PopWindow/regulatorBox.vue";
 import valveWell from "../components/PopWindow/valveWell.vue";
 import flowMeter from "../components/PopWindow/flowMeter.vue";
@@ -56,7 +56,7 @@ class gaodeMap {
       // labelzIndex: 110,
       pitch: 8,
       zoom: 9,
-      mapStyle: "amap://styles/1c84d2203793b0f622df2cda53db1afd"
+      mapStyle,
       // mapStyle: 'amap://styles/darkblue',
       // mapStyle: 'amap://styles/3b679a15f448a4740ba2ff7524e1a4ae',
     });

gassafety-web/src/utils/gaodeMapView.js

@@ -15,7 +15,7 @@ import workerManInfowindow from "../components/PopWindowGis/workerManInfowindow.
 import workerManView from "../components/PopWindowGis/workerManView.vue";
 
 import { getArray } from "@/utils/gassafety.js";
-import { lineColor } from "./mapCommon.js";
+import { lineColor,mapStyle } from "./mapCommon.js";
 import { delPipe } from "@/api/device/pipe.js";
 import vue from "../main";
 import { Card } from "element-ui";
@@ -73,7 +73,7 @@ class gaodeMap {
       pitch: 8,
       zoom: 9,
       //mapStyle: 'amap://styles/darkblue',
-      mapStyle: "amap://styles/1c84d2203793b0f622df2cda53db1afd"
+      mapStyle,
     });
     this.myMap = map;
     this.myMap.on("mousedown", e => {
@@ -105,7 +105,6 @@ class gaodeMap {
       // console.log("地图平移");
       // 如果这个值为真，下面都不执行,trac用的，第一额值班人员的infowindow显示的时候被消掉了
       if (this.tracMoveFlag) return;
-
       if (this.leftListClick) {
         console.log("moveStart");
         this.closeInfoWindow();

gassafety-web/src/utils/mapCommon.js

@@ -5,4 +5,5 @@
   "2":"#FFFFFF",
   "3":"#18FF0F",
   "4":"#DE67FA"
-}
+}
\ No newline at end of file
+export const mapStyle="amap://styles/1c84d2203793b0f622df2cda53db1afd";
\ No newline at end of file