大屏端-统计分析-地图切换

zh-baseversion-web/src/views/gasBottleTrack/bottleSpread/index.vue

@@ -181,7 +181,7 @@
   }
 
   .active{
-    background-image: url("~@/assets/image/dg.png");
+   //background-image: url("~@/assets/image/dg.png");
     background-repeat: no-repeat;
     background-position: top right;
   }

zh-baseversion-web/src/views/statistic/overview/conponents/Middle/CharBoxE.vue

@@ -15,351 +15,14 @@
 <script>
 import Chars from "@/components/allCharsCom/Chars";
 import Infowindow from "./Infowindow";
-import { pingshanArr } from "@/utils/echarsMap/pingshan";
+// import { pingshanArr } from "@/utils/echarsMap/pingshan";
+import { jingkaiquArr } from "@/utils/echarsMap/jingkaiqu";
 import axios from "axios";
 const data = [
   {
-    name: "丰登坞镇",
-    index: 21,
-    a:21,
-    b: 21,
-    c: 7149,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "丰润镇",
-    index: 32,
-    a: 31,
-    b: 2,
-    c: 21595,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "欢喜庄乡",
-    index: 4,
-    a: 4,
-    b: 3,
-    c: 2744,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "姜家营乡",
-    index: 8,
-    a: 8,
-    b: 4,
-    c: 3611,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "刘家营乡",
-    index: 10,
-    a: 10,
-    b: 5,
-    c: 4960,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "七树庄镇",
-    index: 10,
-    a: 10,
-    b: 6,
-    c: 6094,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "任各庄镇",
-    index: 21,
-    a: 19,
-    b: 7,
-    c: 12244,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "石各庄镇",
-    index: 12,
-    a: 7,
-    b: 8,
-    c: 5569,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "小张各庄镇",
-    index: 10,
-    a: 0,
-    b: 90,
-    c: 6861,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "新军屯镇",
-    index: 30,
-    a: 29,
-    b: 0,
-    c: 14451,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "银城铺镇",
-    index: 11,
-    a: 11,
-    b: 0,
-    c: 8517,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "火石营镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "黄昏峪乡",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "左家坞镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "王官营镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "泉河头镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "杨官林镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "丰润区城区",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "银城铺乡",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "常庄乡",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "白官屯镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "新庄子乡",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "燕子河乡",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "三女河乡",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "老庄子镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "李钊庄镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "沙流河镇",
+    name: "经开区",
     index: 0,
-    a: 0,
+    a:0,
     b: 0,
     c: 0,
     d: 0,
@@ -368,7 +31,7 @@ const data = [
     g: "0/0",
     h: "0/0",
     i: "0/0",
-  },
+  }
 ];
 
 export default {
@@ -396,7 +59,7 @@ export default {
       // const res = await axios(
       //   "https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples/data/asset/geo/HK.json"
       // );
-      const geoJson = { features: pingshanArr, type: "FeatureCollection" };
+      const geoJson = { features: jingkaiquArr, type: "FeatureCollection" };
       console.log(geoJson);
       this.$echarts.registerMap("HK", geoJson);
       this.options = {
@@ -464,27 +127,6 @@ export default {
               },
             },
             data,
-            // 自定义名称映射
-            // nameMap: {
-            //   "Central and Western": "中西区",
-            //   Eastern: "东区",
-            //   Islands: "离岛",
-            //   "Kowloon City": "九龙城",
-            //   "Kwai Tsing": "葵青",
-            //   "Kwun Tong": "观塘",
-            //   North: "北区",
-            //   "Sai Kung": "西贡",
-            //   "Sha Tin": "沙田",
-            //   "Sham Shui Po": "深水埗",
-            //   Southern: "南区",
-            //   "Tai Po": "大埔",
-            //   "Tsuen Wan": "荃湾",
-            //   "Tuen Mun": "屯门",
-            //   "Wan Chai": "湾仔",
-            //   "Wong Tai Sin": "黄大仙",
-            //   "Yau Tsim Mong": "油尖旺",
-            //   "Yuen Long": "元朗",
-            // },
           },
         ],
       };

zh-baseversion-web/src/views/statistic/overview/conponents/Middle/index.vue

@@ -9,7 +9,7 @@
 <template>
   <div class="middle-components all-flex-h">
     <div class="top">
-      <img src="@/assets/image-overview/fengrun.png" alt="" />
+      <img src="@/assets/image-overview/jingkaiqu.png" alt="" />
     </div>
     <div class="bottom" id="bottom-map">
       <CharsBoxE/>