From 34bb3bce3c9309cb2c9040dae465956316e93f28 Mon Sep 17 00:00:00 2001
From: dearlin <1261008090@qq.com>
Date: Wed, 17 Jan 2024 15:47:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B2=A7=E5=B7=9E=E7=9F=BF=E7=9F=B3=E5=9C=B0?=
 =?UTF-8?q?=E5=9B=BE=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |    1 +
 src/views/map/components/caofeidian_index.vue |    2 +-
 src/views/map/components/czks_index.vue       |  587 ++++
 src/views/map/components/menjinCzks.vue       |  424 +++
 src/views/map/components/renyuanCzks.vue      |  429 +++
 src/views/map/dialog/index.vue                |    3 +-
 src/views/map/dialog/video_play_plat.vue      |   23 +-
 src/views/map/index.vue                       |  143 +-
 src/views/map/js/dragentity.js                |    2 +
 src/views/map/js/mapboxCzks.js                | 2505 +++++++++++++++++
 static/config.js                              |    3 +-
 11 files changed, 4102 insertions(+), 20 deletions(-)
 create mode 100644 src/views/map/components/czks_index.vue
 create mode 100644 src/views/map/components/menjinCzks.vue
 create mode 100644 src/views/map/components/renyuanCzks.vue
 create mode 100644 src/views/map/js/mapboxCzks.js

diff --git a/package.json b/package.json
index 3b75732..f913dd4 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "js-cookie": "^2.2.1",
     "jspdf": "^2.5.1",
     "lodash": "^4.17.21",
+    "md5": "^2.3.0",
     "moment": "^2.29.3",
     "motion": "^10.16.4",
     "mqtt": "^4.2.1",
diff --git a/src/views/map/components/caofeidian_index.vue b/src/views/map/components/caofeidian_index.vue
index 6b40b3e..91a76c6 100644
--- a/src/views/map/components/caofeidian_index.vue
+++ b/src/views/map/components/caofeidian_index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="fensongsi_index">
     <div class="block2">
-      <layout-title title="风险辨识管控"/>
+      <layout-title title="cfd风险辨识管控"/>
       <div class="options">
         <div v-for="(item,index) in block2OptionsList" :key="index" class="option">
           <img :src="item.img" class="img_top" alt="">
diff --git a/src/views/map/components/czks_index.vue b/src/views/map/components/czks_index.vue
new file mode 100644
index 0000000..020064a
--- /dev/null
+++ b/src/views/map/components/czks_index.vue
@@ -0,0 +1,587 @@
+<template>
+  <div class="fensongsi_index">
+    <div class="block1">
+      <layout-title title="沧州矿石气象监测数据"/>
+      <div class="options">
+        <div v-for="(item,index) in block1OptionsList" :key="index" class="option">
+          <div class="title">{{ item.title }}</div>
+          <div class="circular">
+            <img :src="item.img" alt="">
+          </div>
+          <div class="label">
+            {{ item.count }}
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block2">
+      <layout-title title="风险辨识管控"/>
+      <div class="options">
+        <div v-for="(item,index) in block2OptionsList" :key="index" class="option">
+          <img :src="item.img" class="img_top" alt="">
+          <img class="img_bottom" src="../../../assets/map/gangkou_index/bg1.png" alt="">
+          <div class="label">{{ item.label }}</div>
+          <div class="count">
+            <count-to :start-val="0" :end-val="+riskIdentificationCount[index]" :duration="3600"/>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block3">
+      <layout-title title="人员定位信息"/>
+      <div class="options">
+        <div v-for="(item,index) in block3OptionsList" :key="index" class="option">
+          <img :src="item.img" class="img_top" alt="">
+          <img class="img_bottom" src="../../../assets/map/gangkou_index/img1.png" alt="">
+          <div class="label">{{ item.label }}</div>
+          <div class="count">
+            <count-to :start-val="0" :end-val="item.count" :duration="3600"/>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block4">
+      <layout-title title="口门管理"/>
+      <div class="options">
+        <div v-for="(item,index) in block4OptionsList" :key="index" class="option">
+          <div class="title">{{ item.title }}</div>
+          <div class="items">
+            <div v-for="(item1,index1) in item.list" :key="index1" class="item">
+              <div class="label">
+                {{ item1.label }}：<count-to :start-val="0" :end-val="item1.count" :duration="3600"/>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import layoutTitle from './title.vue'
+import CountTo from 'vue-count-to'
+import { requestFN } from '@/utils/request'
+
+export default {
+  components: {
+    layoutTitle,
+    CountTo
+  },
+  props: {
+    corpInfoId: {
+      type: String,
+      default: ''
+    },
+    gangkou: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      timer: '',
+      value: 0,
+      riskIdentificationCount: {},
+      personPositioningCount: {},
+      doorManagementList: [],
+      block1OptionsList: [
+        {
+          title: '风速监测',
+          img: require('../../../assets/map/qixiang/ico1.png'),
+          count: '-'
+        },
+        {
+          title: '温度监测',
+          img: require('../../../assets/map/qixiang/ico2.png'),
+          count: '-'
+        },
+        {
+          title: '风向监测',
+          img: require('../../../assets/map/qixiang/ico3.png'),
+          count: '-'
+        }
+      ],
+      block2OptionsList: [
+        {
+          label: '风险单元数',
+          img: require('../../../assets/map/gangkou_index/ico1.png'),
+          count: 0
+        },
+        {
+          label: '辨识部位数',
+          img: require('../../../assets/map/gangkou_index/ico2.png'),
+          count: 0
+        },
+        {
+          label: '风险因素数',
+          img: require('../../../assets/map/gangkou_index/ico3.png'),
+          count: 0
+        }
+      ],
+      block3OptionsList: [
+        {
+          label: '企业人员数',
+          img: require('../../../assets/map/gangkou_index/img1_on.png'),
+          count: 0
+        },
+        {
+          label: '部门数',
+          img: require('../../../assets/map/gangkou_index/img2_on.png'),
+          count: 0
+        },
+        {
+          label: '定位在线人员数',
+          img: require('../../../assets/map/gangkou_index/img3_on.png'),
+          count: 0
+        }
+      ],
+      block4OptionsList: [
+        {
+          title: '风险指数',
+          list: [
+            {
+              label: '重大风险点数',
+              count: '9'
+            },
+            {
+              label: '较大风险点数',
+              count: '20'
+            },
+            {
+              label: '一般风险点数',
+              count: '13'
+            },
+            {
+              label: '低风险性点数',
+              count: '3'
+            }
+          ]
+        },
+        {
+          title: '今日情况',
+          list: [
+            {
+              label: '今日进矿石作业区车辆数',
+              count: '-'
+            },
+            {
+              label: '今日出矿石作业区车辆数',
+              count: '-'
+            },
+            {
+              label: '今日进杂货作业区车辆数',
+              count: '-'
+            },
+            {
+              label: '今日出杂货作业区车辆数',
+              count: '-'
+            }
+          ]
+        }
+      ]
+    }
+  },
+  watch: {
+    // 'corpInfoId': {
+    //   handler(newVal, oldVal) {
+    //     console.log('newVal')
+    //     console.log(newVal)
+    //     console.log('oldVal')
+    //     console.log(oldVal)
+    //   },
+    //   immediate: false
+    // }
+  },
+  created() {
+    this.getPersonPositioningCount()
+    this.getRiskIdentificationCount()
+    this.getDoorManagement()
+  },
+  beforeDestroy() {
+    console.log('定时器关闭')
+    clearInterval(this.timer)
+  },
+  methods: {
+    // 天气数据
+    // getMeteorologicalinfo() {
+    //   this.listLoading = true
+    //   requestFN(
+    //     '/map/listbymeteorological',
+    //     {
+    //       CORPINFO_ID: this.corpInfoId,
+    //       GANGKOU: this.gangkou
+    //     }
+    //   ).then((data) => {
+    //     this.listLoading = false
+    //     this.block1OptionsList[0].count = data.pd.WINDSPEED || '-'
+    //     this.block1OptionsList[1].count = data.pd.TEMPERATURE || '-'
+    //     this.block1OptionsList[2].count = this.calculateWindDirection(data.pd.WINDDIRECTION)
+    //     // this.block1OptionsList[3].count = data.pd.HUMIDITY || '-'
+    //   }).catch((e) => {
+    //     this.listLoading = false
+    //   })
+    // },
+    // calculateWindDirection(angle) {
+    //   const arr = [
+    //     {
+    //       directions: '北',
+    //       minAngle: '348.76',
+    //       maxAngle: '11.25'
+    //     },
+    //     {
+    //       directions: '北东北',
+    //       minAngle: '11.26',
+    //       maxAngle: '33.75'
+    //     },
+    //     {
+    //       directions: '东北',
+    //       minAngle: '33.76',
+    //       maxAngle: '56.25'
+    //     },
+    //     {
+    //       directions: '东东北',
+    //       minAngle: '56.26',
+    //       maxAngle: '78.75'
+    //     },
+    //     {
+    //       directions: '东',
+    //       minAngle: '78.76',
+    //       maxAngle: '101.25'
+    //     },
+    //     {
+    //       directions: '东东南',
+    //       minAngle: '101.26',
+    //       maxAngle: '123.75'
+    //     },
+    //     {
+    //       directions: '东南',
+    //       minAngle: '123.76',
+    //       maxAngle: '146.25'
+    //     },
+    //     {
+    //       directions: '南东南',
+    //       minAngle: '146.26',
+    //       maxAngle: '168.75'
+    //     },
+    //     {
+    //       directions: '南',
+    //       minAngle: '168.76',
+    //       maxAngle: '191.25'
+    //     },
+    //     {
+    //       directions: '南西南',
+    //       minAngle: '191.26',
+    //       maxAngle: '213.75'
+    //     },
+    //     {
+    //       directions: '西南',
+    //       minAngle: '213.76',
+    //       maxAngle: '236.25'
+    //     },
+    //     {
+    //       directions: '西西南',
+    //       minAngle: '236.26',
+    //       maxAngle: '258.75'
+    //     },
+    //     {
+    //       directions: '西',
+    //       minAngle: '258.76',
+    //       maxAngle: '281.25'
+    //     },
+    //     {
+    //       directions: '西西北',
+    //       minAngle: '281.26',
+    //       maxAngle: '303.75'
+    //     },
+    //     {
+    //       directions: '西北',
+    //       minAngle: '303.76',
+    //       maxAngle: '326.25'
+    //     },
+    //     {
+    //       directions: '北西北',
+    //       minAngle: '326.26',
+    //       maxAngle: '348.75'
+    //     }
+    //   ]
+    //   for (let i = 0; i < arr.length; i++) {
+    //     if (+angle >= +arr[i].minAngle && +angle <= +arr[i].maxAngle) {
+    //       return arr[i].directions + '风'
+    //     }
+    //   }
+    //   return '静风'
+    // },
+    // // 定时器
+    // start() {
+    //   console.log('定时器开启')
+    //   this.timer = setInterval(this.getMeteorologicalinfo, 10000) // 注意: 第一个参数为方法名的时候不要加括号;
+    // },
+    // over() {
+    //   clearInterval(this.timer)
+    // },
+
+    getDoorManagement() {
+      requestFN(
+        '/map/getDoorManagement',
+        {
+          CORPINFO_ID: this.corpInfoId,
+          GANGKOU: this.gangkou
+        }
+      ).then((data) => {
+        data.riskList.forEach(item => {
+          if (item.TYPE == 'levelA') this.block4OptionsList[0].list[0].count = item.COUNT
+          if (item.TYPE == 'levelB') this.block4OptionsList[0].list[1].count = item.COUNT
+          if (item.TYPE == 'levelC') this.block4OptionsList[0].list[2].count = item.COUNT
+          if (item.TYPE == 'levelD') this.block4OptionsList[0].list[3].count = item.COUNT
+        })
+        this.block4OptionsList[1].list[0].count = data.czksCarToday.oreIn
+        this.block4OptionsList[1].list[1].count = data.czksCarToday.oreOut
+        this.block4OptionsList[1].list[2].count = data.czksCarToday.groceryIn
+        this.block4OptionsList[1].list[3].count = data.czksCarToday.groceryOut
+      })
+    },
+    getRiskIdentificationCount() {
+      requestFN(
+        '/map/getRiskIdentificationCount',
+        {
+          CORPINFO_ID: this.corpInfoId,
+          GANGKOU: this.gangkou
+        }
+      ).then((data) => {
+        this.riskIdentificationCount = data.riskIdentificationCount
+      })
+    },
+    getPersonPositioningCount() {
+      requestFN(
+        '/map/getPersonPositioningCount',
+        {
+          CORPINFO_ID: this.corpInfoId,
+          GANGKOU: this.gangkou
+        }
+      ).then((data) => {
+        this.block3OptionsList[0].count = data.userCount
+        this.block3OptionsList[1].count = data.departCount
+        this.block3OptionsList[2].count = data.total
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.fensongsi_index {
+  .block1 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      display: flex;
+      justify-content: space-between;
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .title {
+          background-image: url("../../../assets/map/qixiang/label.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          width: 88px;
+          height: 25px;
+          font-size: 12px;
+          line-height: 25px;
+          text-align: center;
+          color: #fff;
+        }
+
+        .circular {
+          margin-top: 15px;
+          background-image: url("../../../assets/map/qixiang/imgbg.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          width: 67px;
+          height: 48px;
+          text-align: center;
+          padding-top: 13px;
+
+          img {
+            width: 30px;
+            height: 30px;
+            margin-top: -20px;
+            animation: slideY 2s infinite;
+          }
+        }
+
+        .label {
+          margin-top: 5px;
+          font-size: 12px;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .block2 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      display: flex;
+      justify-content: space-between;
+      padding: 10px 40px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        position: relative;
+
+        .img_top {
+          position: absolute;
+          width: 25px;
+          height: 25px;
+          margin-top: 11px;
+          animation: slideY 2s infinite;
+        }
+
+        .img_bottom {
+          position: absolute;
+          width: 50px;
+          height: 50px;
+        }
+
+        .label {
+          margin-top: 60px;
+          color: #fff;
+          font-size: 14px;
+        }
+
+        .count {
+          background-image: linear-gradient(bottom, #5bb4f7, #ffffff);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+          font-weight: bold;
+          font-size: 26px;
+          margin-top: 0px;
+          font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+        }
+      }
+    }
+  }
+
+  .block3 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      display: flex;
+      justify-content: space-between;
+      padding: 0 40px 10px 40px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        position: relative;
+
+        .img_top {
+          position: absolute;
+          width: 75px;
+          height: 75px;
+          animation: slideY 2s infinite;
+        }
+
+        .img_bottom {
+          position: absolute;
+          width: 75px;
+          height: 75px;
+          top: 5px;
+        }
+
+        .label {
+          margin-top: 80px;
+          color: #fff;
+          font-size: 14px;
+        }
+
+        .count {
+          background-image: linear-gradient(bottom, #5bb4f7, #ffffff);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+          font-weight: bold;
+          font-size: 26px;
+          margin-top: 0px;
+          font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+        }
+      }
+    }
+  }
+
+  .block4 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      padding: 10px 15px 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        .title {
+          background-image: url("../../../assets/map/menjin/title.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          width: 113px;
+          height: 26px;
+          font-size: 14px;
+          line-height: 26px;
+          text-align: center;
+          color: #fff;
+
+        }
+
+        .items {
+          display: flex;
+          flex-wrap: wrap;
+          margin-bottom: 10px;
+
+          .item {
+            margin-top: 10px;
+            font-size: 12px;
+            color: #fff;
+            flex-basis: 50%;
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes slideY {
+  0% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(5px);
+  }
+  100% {
+    transform: translateY(0);
+  }
+}
+</style>
diff --git a/src/views/map/components/menjinCzks.vue b/src/views/map/components/menjinCzks.vue
new file mode 100644
index 0000000..64aaf19
--- /dev/null
+++ b/src/views/map/components/menjinCzks.vue
@@ -0,0 +1,424 @@
+<template>
+  <div class="menjin">
+    <div class="block1">
+      <layout-title title="设备在线情况"/>
+      <div class="options">
+        <div v-for="(item,index) in block1OptionsList" :key="index" class="option">
+          <div class="title active">{{ item.title }}</div>
+          <div class="circular">
+            <img :src="item.img" alt="">
+          </div>
+          <div class="label">
+            {{ item.label1 }}：
+            <count-to :start-val="0" :end-val="+item.count1" :duration="3600"/>
+          </div>
+          <div v-if="item.label2" class="label">
+            {{ item.label2 }}：
+            <count-to :start-val="0" :end-val="+item.count2" :duration="3600"/>
+          </div>
+          <div v-if="item.label3" class="label">
+            {{ item.label3 }}：
+            <count-to :start-val="0" :end-val="+item.count3" :duration="3600"/>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block2">
+      <layout-title title="口门进出数据"/>
+      <div class="options">
+        <div v-for="(item,index) in block2OptionsList" :key="index" class="option">
+          <div class="title active">{{ item.title }}</div>
+          <div class="items">
+            <div v-for="(item1,index1) in item.list" :key="index1" class="item">
+              <div class="label">
+                {{ item1.label }}：<count-to :start-val="0" :end-val="item1.count" :duration="3600"/>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="block3">
+      <layout-title title="口门进出记录"/>
+      <div class="content">
+        <div class="options">
+          <div
+            v-for="(item,index) in block3OptionsList"
+            :key="index"
+            :class="['title', {active:index === block3OptionsIndex}]"
+            @click="block3OptionsClick(index)"
+          >
+            {{ item }}
+          </div>
+        </div>
+        <div class="table">
+          <div class="tr">
+            <div class="td">卡口名称</div>
+            <div class="td">车牌</div>
+            <div class="td">时间</div>
+            <div class="td">状态</div>
+          </div>
+          <div v-infinite-scroll="load" :infinite-scroll-disabled="disabled" class="scroll">
+            <div v-for="(item,index) in block3List" :key="index" class="tr">
+              <div v-if="block3OptionsIndex == 0" class="td line1">{{ item.USERNAME }}</div>
+              <div v-if="block3OptionsIndex == 1" class="td">{{ item.LICENSE_PLATE }}</div>
+              <div class="td">{{ item.TIME }}</div>
+              <div v-if="block3OptionsIndex == 0" :class="['td',{green:item.STATE == '0'}]">
+                {{ item.STATE == '0' ? '进入' : '出港' }}
+              </div>
+              <div v-if="block3OptionsIndex == 0" :class="['td',{yellow:item.STATE == '0'}]">{{
+                item.EQUIPMENTNAME
+              }}
+              </div>
+              <div v-if="block3OptionsIndex == 1" :class="['td',{green:item.STATE == '4'}]">
+                {{ item.STATE == '4' ? '进场' : '出场' }}
+              </div>
+              <div v-if="block3OptionsIndex == 1" :class="['td',{yellow:item.STATE == '4'}]">{{
+                item.COMING_REASON
+              }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import layoutTitle from './title.vue'
+import CountTo from 'vue-count-to'
+import { requestFN } from '@/utils/request'
+
+export default {
+  components: {
+    layoutTitle,
+    CountTo
+  },
+  props: {
+    corpInfoId: {
+      type: String,
+      default: ''
+    },
+    area: {
+      type: String,
+      default: ''
+    },
+    gangkou: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      block1OptionsList: [
+        {
+          title: '人员闸机',
+          img: require('../../../assets/map/menjin/ico1.png'),
+          label1: '今日进数',
+          count1: 0,
+          label2: '今日出数',
+          count2: 0,
+          label3: '今日剩余人数',
+          count3: 0
+        },
+        {
+          title: '车辆闸机',
+          img: require('../../../assets/map/menjin/ico2.png'),
+          label1: '今日进数',
+          count1: 0,
+          label2: '今日出数',
+          count2: 0,
+          label3: '今日剩余车数',
+          count3: 0
+        },
+        {
+          title: '摄像头数',
+          img: require('../../../assets/map/menjin/ico3.png'),
+          label1: '摄像头数',
+          count1: 0
+        }
+      ],
+      block2OptionsList: [
+        {
+          title: '矿石作业区',
+          list: [
+            {
+              label: '进矿石作业区车辆数',
+              count: 0
+            },
+            {
+              label: '出矿石作业区车辆数',
+              count: 0
+            },
+            {
+              label: '矿石作业区场内车辆数',
+              count: 0
+            }
+          ]
+        },
+        {
+          title: '杂货作业区',
+          list: [
+            {
+              label: '进杂货作业区车辆数',
+              count: 0
+            },
+            {
+              label: '出杂货作业区车辆数',
+              count: 0
+            },
+            {
+              label: '杂货作业区场内车辆数',
+              count: 0
+            }
+          ]
+        }
+      ],
+      block3OptionsList: ['矿石作业区', '杂货作业区'],
+      block3OptionsIndex: 0,
+      loading: false,
+      currentPage: 1,
+      count: 0,
+      totalPage: 0,
+      block3List: []
+    }
+  },
+  computed: {
+    noMore() {
+      return this.currentPage >= this.totalPage
+    },
+    disabled() {
+      return this.loading || this.noMore
+    }
+  },
+  created() {
+    this.getDoorManagement()
+  },
+  methods: {
+    load() {
+      this.loading = true
+      this.currentPage += 1
+      this.loadRecord(this.block3OptionsIndex)
+    },
+    loadRecord(index) {
+      this.getDoorWayRecords(index)
+    },
+    getDoorManagement() {
+      requestFN(
+        '/map/getDoorManagement',
+        {
+          CORPINFO_ID: this.corpInfoId,
+          GANGKOU: this.gangkou
+        }
+      ).then((data) => {
+        this.block2OptionsList[0].list[0].count = data.czksCarToday.oreInAll
+        this.block2OptionsList[0].list[1].count = data.czksCarToday.oreOutAll
+        this.block2OptionsList[0].list[2].count = data.czksCarToday.oreInAll - data.czksCarToday.oreOutAll
+        this.block2OptionsList[1].list[0].count = data.czksCarToday.groceryInAll
+        this.block2OptionsList[1].list[1].count = data.czksCarToday.groceryOutAll
+        this.block2OptionsList[1].list[2].count = data.czksCarToday.groceryInAll - data.czksCarToday.groceryOutAll
+      })
+    },
+    block3OptionsClick(index) {
+      this.block3List = []
+      this.block3OptionsIndex = index
+      this.getDoorWayRecords(index)
+    }
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.menjin {
+  .title {
+    background-image: url("../../../assets/map/menjin/title_on.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    width: 113px;
+    height: 26px;
+    font-size: 14px;
+    line-height: 26px;
+    text-align: center;
+    color: #fff;
+
+    &.active {
+      background-image: url("../../../assets/map/menjin/title.png");
+    }
+  }
+
+  .block1 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      display: flex;
+      justify-content: space-between;
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .circular {
+          margin-top: 5px;
+          background-image: url("../../../assets/map/menjin/img1.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          width: 50px;
+          height: 50px;
+          text-align: center;
+          padding-top: 13px;
+
+          img {
+            width: 30px;
+            height: 26px;
+            animation: scale 2s infinite;
+          }
+        }
+
+        .label {
+          margin-top: 5px;
+          font-size: 12px;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .block2 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        .items {
+          display: flex;
+          flex-wrap: wrap;
+          margin-bottom: 10px;
+
+          .item {
+            margin-top: 10px;
+            font-size: 12px;
+            color: #fff;
+            flex-basis: 50%;
+          }
+        }
+      }
+    }
+  }
+
+  .block3 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .content {
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      padding: 10px;
+
+      .options {
+        display: flex;
+        justify-content: flex-end;
+
+        .title {
+          cursor: pointer;
+        }
+      }
+
+      .table {
+        margin-top: 5px;
+        .scroll {
+          max-height: 200px;
+          overflow-y: auto;
+
+          &::-webkit-scrollbar {
+            width: 5px;
+          }
+
+          &::-webkit-scrollbar-thumb {
+            border-radius: 5px;
+            background: rgba(2, 30, 81, 0.851);
+          }
+
+          &::-webkit-scrollbar-track {
+            border-radius: 5px;
+            background: rgba(255, 255, 255, 0.1);
+          }
+
+          .tr {
+            &:nth-child(odd) {
+              background-color: transparent;
+            }
+          }
+        }
+        .tr {
+          display: flex;
+
+          &:nth-child(odd) {
+            background-color: rgba(42, 86, 158, 0.53);
+          }
+
+          .td {
+            flex: 1;
+            text-align: center;
+            font-size: 12px;
+            color: #fff;
+            padding: 5px;
+
+            &:nth-child(2) {
+              flex-basis: 20%;
+            }
+
+            &:nth-child(3) {
+              flex: none;
+              flex-basis: 50px;
+            }
+
+            &.green {
+              color: #7ccf41;
+            }
+
+            &.yellow {
+              color: #ffcb05;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes scale {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(0.8);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.line1 {
+  width: 150px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>
diff --git a/src/views/map/components/renyuanCzks.vue b/src/views/map/components/renyuanCzks.vue
new file mode 100644
index 0000000..2f0a64d
--- /dev/null
+++ b/src/views/map/components/renyuanCzks.vue
@@ -0,0 +1,429 @@
+<template>
+  <div class="renyuan">
+    <div class="block1">
+      <layout-title title="定位基础信息"/>
+      <div class="options">
+        <div v-for="(item,index) in block1OptionsList" :key="index" class="option">
+          <div class="imger">
+            <img :src="item.img" alt="">
+          </div>
+          <div class="info">
+            <div class="label">{{ item.title }}</div>
+            <div class="text"><count-to :start-val="0" :end-val="item.count" :duration="3600"/></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block2">
+      <layout-title title="定位状态数据"/>
+      <div class="options">
+        <div class="bg"/>
+        <div v-for="(item,index) in block2OptionsList" :key="index" class="option">
+          <div class="label">{{ item.alarmTypeName }}：</div>
+          <div class="info">
+            <span class="count"><count-to :start-val="0" :end-val="item.alarmCount" :duration="3600"/></span>
+            <span class="company">条</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block3">
+      <layout-title title="定位标签状态"/>
+      <div class="content">
+        <div class="options">
+          <div
+            v-for="(item,index) in block3OptionsList"
+            :key="index"
+            :class="['title', {active:index === block3OptionsIndex}]"
+            @click="block3OptionsClick(index)"
+          >
+            {{ item }}
+          </div>
+        </div>
+        <div class="table">
+          <div class="tr">
+            <div class="td">卡号</div>
+            <div class="td">姓名</div>
+            <div class="td">状态</div>
+          </div>
+          <div v-infinite-scroll="load" :infinite-scroll-disabled="disabled" class="scroll">
+            <div v-for="(item,index) in block3List" :key="index" class="tr">
+              <div class="td">{{ item.cardId }}</div>
+              <div class="td">{{ item.realName }}</div>
+              <div class="td">{{ item.online?'在线':'离线' }}</div>
+            </div>
+            <div v-if="loading" class="tr">
+              <div class="td">加载中...</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import layoutTitle from './title.vue'
+import CountTo from 'vue-count-to'
+import { requestFN } from '../../../utils/request'
+
+export default {
+  components: {
+    CountTo,
+    layoutTitle
+  },
+  data() {
+    return {
+      block1OptionsList: [
+        {
+          title: '在线员工',
+          img: require('../../../assets/map/renyuan/img1ico1.png'),
+          count: 0
+        },
+        {
+          title: '外协人员',
+          img: require('../../../assets/map/renyuan/img1ico4.png'),
+          count: 0
+        },
+        {
+          title: '内部人员',
+          img: require('../../../assets/map/renyuan/img1ico3.png'),
+          count: 0
+        }
+        // ,
+        // {
+        //   title: '在线车辆',
+        //   img: require('../../../assets/map/renyuan/img1ico2.png'),
+        //   count: 0
+        // },
+        // {
+        //   title: '临时人员',
+        //   img: require('../../../assets/map/renyuan/img1ico5.png'),
+        //   count: 0
+        // }
+      ],
+      block2OptionsList: [
+        {
+          title: '电子围栏告警',
+          count: 0
+        },
+        {
+          title: '静超时告警',
+          count: 0
+        },
+        {
+          title: '超员/缺员告警',
+          count: 0
+        },
+        {
+          title: '离岗告警',
+          count: 0
+        },
+        {
+          title: '车辆超速告警',
+          count: 0
+        },
+        {
+          title: 'SOS求救',
+          count: 0
+        }
+      ],
+      block3OptionsList: ['相关方员工', '普通员工'],
+      block3OptionsIndex: 0,
+      currentPage: 1,
+      loading: false,
+      count: 0,
+      totalPage: 0,
+      block3List: [],
+      block4List: [],
+      timer: ''
+    }
+  },
+  computed: {
+    noMore() {
+      return this.currentPage >= this.totalPage
+    },
+    disabled() {
+      return this.loading || this.noMore
+    }
+  },
+  created() {
+    this.getCzksBasicLocationInfoData()
+    this.getAlarmNum()
+    this.getCzksPersonStaffListPage()
+  },
+  mounted() {
+
+  },
+  destroyed() {
+  },
+  methods: {
+    load() {
+      this.loading = true
+      this.currentPage += 1
+      this.getCzksPersonStaffListPage()
+    },
+    // 定时五分钟执行一次
+    // startPersonnelDataTimer() {
+    //   this.timer = setInterval(() => {
+    //     this.obtainPersonnelData()
+    //     this.personPositioningStatistics()
+    //   }, 300000)
+    // },
+    // 告警
+    getAlarmNum() {
+      requestFN(
+        '/czks/map/getAlarmData',
+        {}
+      ).then((data) => {
+        this.block2OptionsList = data.data
+      }).catch((e) => {
+      })
+    },
+    getCzksBasicLocationInfoData() {
+      requestFN(
+        '/czks/map/getCzksBasicLocationInfoData',
+        {}
+      ).then((data) => {
+        let baseData = []
+        baseData = data.data
+        for (let i = 0; i < baseData.length; i++) {
+          this.block1OptionsList[i].title = baseData[i].personTypeName
+          this.block1OptionsList[i].count = baseData[i].personCount
+        }
+      }).catch((e) => {
+      })
+    },
+    getCzksPersonStaffListPage() {
+      requestFN(
+        '/czks/map/personStaffList',
+        {
+          pageNum: this.currentPage,
+          type: this.block3OptionsIndex,
+          pageSize: 20
+        }
+      ).then((data) => {
+        this.block3List = this.block3List.concat(data.data)
+        this.totalPage = data.total
+        this.loading = false
+      }).catch((e) => {
+      })
+    },
+    block3OptionsClick(index) {
+      this.currentPage = 1
+      this.block3List = []
+      this.block3OptionsIndex = index
+      this.getCzksPersonStaffListPage()
+    }
+  }
+
+}
+</script>
+
+<style lang="scss" scoped>
+.renyuan {
+  .title {
+    background-image: url("../../../assets/map/menjin/title_on.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    width: 113px;
+    height: 26px;
+    font-size: 14px;
+    line-height: 26px;
+    text-align: center;
+    color: #fff;
+
+    &.active {
+      background-image: url("../../../assets/map/menjin/title.png");
+    }
+  }
+
+  .block1 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      display: flex;
+      flex-wrap: wrap;
+
+      .option {
+        display: flex;
+        width: 50%;
+        align-items: center;
+        margin-top: 10px;
+
+        &:nth-child(-n+2) {
+          margin-top: 0;
+        }
+
+        .imger {
+          width: 50px;
+          height: 50px;
+          background-image: url("../../../assets/map/menjin/img1.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          text-align: center;
+          margin-left: 20px;
+
+          img {
+            width: 30px;
+            height: 30px;
+            animation: scale 2s infinite;
+            margin-top: 10px;
+          }
+        }
+
+        .info {
+          color: #FFFFFF;
+          margin-left: 10px;
+
+          .label {
+            font-size: 12px;
+            height: 25px;
+            line-height: 25px;
+          }
+
+          .text {
+            font-size: 24px;
+            background: linear-gradient(to top, #48bbf0, #ffffff);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: bold;
+            font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+            margin-top: -5px;
+          }
+        }
+      }
+    }
+  }
+
+  .block2 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+    margin-top: 10px;
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      align-items: center;
+      position: relative;
+      height: 244px;
+
+      .bg {
+        background-image: url("../../../assets/map/renyuan/img2.png");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        width: 287px;
+        height: 244px;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+
+      .option {
+        flex-basis: 35%;
+        text-align: center;
+
+        .label {
+          font-size: 14px;
+          color: #fff;
+        }
+
+        .info {
+          .count {
+            font-size: 24px;
+            background: linear-gradient(to top, #48bbf0, #ffffff);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: bold;
+            font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+          }
+
+          .company {
+            font-size: 14px;
+            color: #fff;
+          }
+        }
+      }
+    }
+  }
+
+  .block3 {
+    margin-top: 10px;
+    width: 400px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .content {
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      padding: 10px;
+
+      .options {
+        display: flex;
+        justify-content: flex-end;
+
+        .title {
+          cursor: pointer;
+        }
+      }
+
+      .table {
+        margin-top: 5px;
+        .scroll {
+          max-height: 250px;
+          overflow-y: auto;
+          &::-webkit-scrollbar {
+            width: 5px;
+          }
+          &::-webkit-scrollbar-thumb {
+            border-radius: 5px;
+            background: rgba(2, 30, 81, 0.851);
+          }
+          &::-webkit-scrollbar-track {
+            border-radius: 5px;
+            background: rgba(255, 255, 255, 0.1);
+          }
+        }
+        .tr {
+          display: flex;
+
+          &:nth-child(odd) {
+            background-color: rgba(42, 86, 158, 0.53);
+          }
+
+          .td {
+            flex: 1;
+            text-align: center;
+            font-size: 12px;
+            color: #fff;
+            padding: 5px;
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes scale {
+  0% {
+    transform: scale(0.9);
+  }
+  50% {
+    transform: scale(0.8);
+  }
+  100% {
+    transform: scale(0.9);
+  }
+}
+</style>
diff --git a/src/views/map/dialog/index.vue b/src/views/map/dialog/index.vue
index 1857048..a2a50f4 100644
--- a/src/views/map/dialog/index.vue
+++ b/src/views/map/dialog/index.vue
@@ -14,7 +14,7 @@
       <zhong_da_info v-if="type === 'majordangersource'" :id="id" :type="type" :gangkou="gangkou"/>
       <video-play v-if="type === 'video'" :id="id" :type="type" :gangkou="gangkou" request-url="/api/homemajor/getVideoInfo"/>
       <video-play-cfd v-if="type === 'CAMERA00004' || type === 'platcamera00004'" :id="id" :type="type" :gangkou="gangkou"/>
-      <video-play-plat v-if="type === 'platcamera'" :id="id" :type="type" :gangkou="gangkou"/>
+      <video-play-plat v-if="type === 'platcamera'" :id="id" :type="type" :gangkou="gangkou" :corp-info-id="corpInfoId"/>
       <!--秦港一公司 边界入侵  详细页面 start-->
       <video-play-bianjieruqin v-if="type === 'bianjieruqin'" :id="id" :type="type" :gangkou="gangkou"/>
       <!--秦港一公司 边界入侵 详细页面 end-->
@@ -129,7 +129,6 @@ export default {
     videoPlayBianjieruqin,
     peoplePositionOne,
     hotworkFirst,
-    peoplePositionOne,
     peoplePositionYGS,
     outSourceInfo,
     outSourceVideoInfo
diff --git a/src/views/map/dialog/video_play_plat.vue b/src/views/map/dialog/video_play_plat.vue
index 661ff60..3f33b25 100644
--- a/src/views/map/dialog/video_play_plat.vue
+++ b/src/views/map/dialog/video_play_plat.vue
@@ -37,6 +37,10 @@ export default {
       type: String,
       default: ''
     },
+    corpInfoId: {
+      type: String,
+      default: ''
+    },
     requestUrl: {
       type: String,
       default: '/platformvideomanagement/getHlsPathById'
@@ -80,18 +84,31 @@ export default {
         })
     },
     showVideo() {
+      let url = this.requestUrl
+      console.log(this.corpInfoId)
+      console.log(this.corpInfoId == 'f8da1790b1034058ae2efefd69af3284')
+      if (this.corpInfoId == 'f8da1790b1034058ae2efefd69af3284') {
+        url = '/czks/map/getCameraHlsPath'
+      }
       requestFN(
-        this.requestUrl,
+        url,
         {
-          PLATFORMVIDEOMANAGEMENT_ID: this.id
+          PLATFORMVIDEOMANAGEMENT_ID: this.id,
+          CORPINFO_ID: this.corpInfoId
         }
       ).then((res) => {
         this.info = res.pd
+        let hlsPath = ''
+        if (this.corpInfoId == 'f8da1790b1034058ae2efefd69af3284') {
+          hlsPath = res.hlsPath
+        } else {
+          hlsPath = res.data.url
+        }
         this.$nextTick(() => {
           // eslint-disable-next-line no-undef
           this.player = new Aliplayer({
             'id': 'aLiVideoPlayer',
-            'source': res.data.url,
+            'source': hlsPath,
             'width': '100%',
             'height': '380px',
             'autoplay': true,
diff --git a/src/views/map/index.vue b/src/views/map/index.vue
index 96c7677..04773b4 100644
--- a/src/views/map/index.vue
+++ b/src/views/map/index.vue
@@ -25,7 +25,7 @@
         <info v-if="!gangkouActive"/>
         <gangkou-index v-if="gangkouActive === '00003' && (bottomOptionsIndex === '' || bottomOptionsIndex === 5) && !CORP_INFO_ID" :area="area"/>
         <fengongsi-index
-          v-if="gangkouActive && gangkouActive !== '00004' && (bottomOptionsIndex === '' || bottomOptionsIndex === 5) && CORP_INFO_ID"
+          v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00002' && (bottomOptionsIndex === '' || bottomOptionsIndex === 5) && CORP_INFO_ID"
           :corp-info-id="CORP_INFO_ID"
           :gangkou="gangkouActive"
         />
@@ -34,8 +34,12 @@
           :corp-info-id="CORP_INFO_ID"
           :gangkou="gangkouActive"
         />
+        <czksIndex
+          v-if="gangkouActive && gangkouActive === '00002' && (bottomOptionsIndex === '' || bottomOptionsIndex === 5) && CORP_INFO_ID"
+          :corp-info-id="CORP_INFO_ID"
+          :gangkou="gangkouActive"/>
         <menjin
-          v-if="gangkouActive && gangkouActive !== '00004' && bottomOptionsIndex === 0"
+          v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00002' && bottomOptionsIndex === 0"
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
@@ -44,6 +48,16 @@
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
+        <menjin-czks
+          v-if="gangkouActive && gangkouActive === '00002' && bottomOptionsIndex === 0"
+          :corp-info-id="CORP_INFO_ID"
+          :area="area"
+          :gangkou="gangkouActive"/>
+        <zhongdian
+          v-if="gangkouActive && gangkouActive === '00002' && bottomOptionsIndex === 6"
+          :corp-info-id="CORP_INFO_ID"
+          :area="area"
+          :gangkou="gangkouActive"/>
         <xiaofang
           v-if="gangkouActive && gangkouActive !== '00004' && bottomOptionsIndex === 1"
           :corp-info-id="CORP_INFO_ID"
@@ -65,7 +79,7 @@
           :area="area"
           :gangkou="gangkouActive"/>
         <renyuan
-          v-if="gangkouActive && gangkouActive !== '00004' && bottomOptionsIndex === 4"
+          v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00002' && bottomOptionsIndex === 4"
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
@@ -74,8 +88,13 @@
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
+        <renyuanCzks
+          v-if="gangkouActive && gangkouActive === '00002' && bottomOptionsIndex === 4"
+          :corp-info-id="CORP_INFO_ID"
+          :area="area"
+          :gangkou="gangkouActive"/>
         <bianjieruqin
-          v-if="gangkouActive && gangkouActive !== '00004' && bottomOptionsIndex === 6"
+          v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00002' && bottomOptionsIndex === 6"
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
@@ -85,7 +104,7 @@
           :area="area"
           :gangkou="gangkouActive"/>
         <zhongda
-          v-if="gangkouActive && bottomOptionsIndex === 8"
+          v-if="gangkouActive && bottomOptionsIndex === 8 && gangkouActive !== '00002'"
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
@@ -217,6 +236,9 @@ import { requestFN } from '@/utils/request'
 import gangkouIndex from './components/gangkou_index.vue'
 import fengongsiIndex from './components/fengongsi_index.vue'
 import caofeidianIndex from './components/caofeidian_index.vue'
+import czksIndex from './components/czks_index.vue'
+import menjinCzks from './components/menjinCzks.vue'
+import renyuanCzks from './components/renyuanCzks.vue'
 import menjin from './components/menjin.vue'
 import menjinCfd from './components/menjinCfd.vue'
 import xiaofang from './components/xiaofang.vue'
@@ -236,18 +258,17 @@ import cloneDeep from 'lodash/cloneDeep'
 import fullScreenMixins from '@/assets/mixins/fullScreen'
 import { animate } from 'motion'
 import loadMapBoxCfd from './js/mapboxCfd'
+import loadMapBoxCzks from './js/mapboxCzks'
 import loadMapBox from './js/mapbox'
 import AnquanCfd from './components/anquanCfd'
 import mqtt from 'mqtt'
-import img4_0_1 from '../../assets/map/gangkou_index/point/icon27.png'
-import img4_0_2 from '../../assets/map/gangkou_index/point/icon28.png'
-import img4_0_3 from '../../assets/map/gangkou_index/point/icon29.png'
-import img4_0 from '../../assets/map/gangkou_index/point/ico21.png'
 let viewer = null
 let drag = null
 let ry_drag = null
 var tiandituTk = 'e8a16137fd226a62a23cc7ba5c9c78ce'
 var subdomains = ['0', '1', '2', '3', '4', '5', '6', '7']
+// 沧州矿石人员定位数组
+let czksPerLocArr = []
 const Cesium = window.Cesium
 Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJkOWQ0MGYwMy0yODUwLTQ1YzktOGM4OC02MTMwY2UyZjNlMzQiLCJpZCI6MTY0NTUwLCJpYXQiOjE2OTM4OTU1Mjd9.1cC0sSzyj79LZv0ILNCcl0Mabw6hl8TNngFNFr7H8f4'
 // ys使用
@@ -261,6 +282,9 @@ const iframeObj = null
 export default {
   components: {
     AnquanCfd,
+    czksIndex,
+    menjinCzks,
+    renyuanCzks,
     // navigation,
     gangkouIndex,
     fengongsiIndex,
@@ -282,6 +306,8 @@ export default {
   mixins: [fullScreenMixins],
   data() {
     return {
+      // 沧州矿石
+      czkswebsocket: {},
       initCenter: { longitude: 119.6486945226887, latitude: 39.93555616569192, height: 900000 },
       parentCenter: {},
       center: { longitude: 119.6486945226887, latitude: 39.93555616569192, height: 900000 },
@@ -289,8 +315,8 @@ export default {
         {
           'id': '00002',
           'data_id': '00002',
-          'MAP_POINT_NAME': '沧州矿石港务',
-          'name': '沧州矿石港务',
+          'MAP_POINT_NAME': '沧州黄骅港矿石港务有限公司',
+          'name': '沧州黄骅港矿石港务有限公司',
           'point_type': '港口',
           'type': '港口',
           'descr': '公司现共有10个泊位（10-20万吨级），设计年通过能力6400万吨。堆场面积176万平米，堆存能力740万吨，大型装卸设备44台套。',
@@ -298,7 +324,6 @@ export default {
             'x': 117.91412,
             'y': 38.35902
           },
-          // CORP_INFO_ID: '016d19225e9d4ece863cce8a256a3e72'
           CORP_INFO_ID: 'f8da1790b1034058ae2efefd69af3284'
         },
         {
@@ -385,6 +410,7 @@ export default {
       myEntityCollection: {},
       poinEntity: {},
       mqttPoint: {},
+      allOrientationPoint: [],
       gangkouActive: '',
       centerOptionsList: [
         { label: '秦皇岛西', AREA: '2' },
@@ -819,6 +845,7 @@ export default {
       carLocArr: [],
       pointBoxCfd: [],
       pointBox: [],
+      pointBoxCzks: [],
       fwebsocket: {},
       redList: [],
       orangeList: [],
@@ -1097,6 +1124,7 @@ export default {
     this.initMap()
     this.pointBoxCfd = loadMapBoxCfd()
     this.pointBox = loadMapBox()
+    this.pointBoxCzks = loadMapBoxCzks()
     this.ysVideoInit()
   },
   methods: {
@@ -1871,6 +1899,16 @@ export default {
 
     bottomOptionsItemsClick(pindex, index, label, urlType, pointUrl, dialog_width) {
       if (this.bottomOptionsList[pindex].list[index].check || this.gangkouActive === '00004' && this.cfdBottomOptionsList[pindex].list[index].check) {
+        // 取消选中
+        // 沧州矿石人员定位关闭
+        if (this.gangkouActive === '00002' && urlType === 'peoplePosition') {
+          if (this.czkswebsocket && this.czkswebsocket.url) {
+            this.czkswebsocket.close()
+            this.czkswebsocket = {}
+            czksPerLocArr = []
+            this.clearMqttPoint('czksperson')
+          }
+        }
         // 人员定位关闭实时获取定位websocket 并关闭人员对比定时器（曹妃甸使用）
         if (this.gangkouActive === '00004' && urlType === 'peoplePosition') {
           // if (this.fwebsocket) {
@@ -1907,12 +1945,16 @@ export default {
           }
         })
       } else {
+        // 选中
         this.bottomOptionsList[pindex].list[index].check = true
         if (this.gangkouActive === '00004') {
           this.cfdBottomOptionsList[pindex].list[index].check = true
           this.bottomOptionsList[pindex].list[index].check = false
         }
-
+        if (this.gangkouActive === '00002' && urlType === 'peoplePosition') {
+          this.czksPeoplePosition()
+          return
+        }
         if (this.gangkouActive === '00003' && this.CORP_INFO_ID === '035958e685cf4850bc40151c5e0617a6' && urlType === 'peoplePosition') {
           !this.connecting ? this.createConnection(this.CORP_INFO_ID) : this.doSubscribe()
         } else {
@@ -2188,6 +2230,81 @@ export default {
       this.connecting = false
       this.subscribeSuccess = false
     },
+    // 沧州矿石人员定位
+    czksPeoplePosition() {
+      const _this = this
+      if (window.WebSocket) {
+        // 线上
+        // const wsUrl = 'ws://172.16.130.86/gateway-service/websocket/ws'
+        // 测试
+        const wsUrl = 'ws://221.195.199.13:7811/ws'
+        this.czkswebsocket = new WebSocket(encodeURI(wsUrl + '/XR_' + new Date().getTime() + '_98')) // oladress在main.jsp页面定义
+        console.info(wsUrl + '/XR_' + new Date().getTime() + '_98')
+        this.czkswebsocket.onopen = () => {
+          setInterval(() => {
+            if (this.czkswebsocket.readyState === 1) {
+              this.czkswebsocket.send('ok')
+            }
+          }, 10000)
+          this.czkswebsocket.send('ok')
+          // console.info(this.fwebsocket.readyState + '-----------------------------')
+          console.info('链接成功')
+        }
+        this.czkswebsocket.onerror = function() {
+          console.info('连接失败')
+          // 连接失败
+        }
+        this.czkswebsocket.onclose = function() {
+          console.info('onclose')
+        }
+        this.czkswebsocket.onmessage = function(message) {
+          console.info('沧州矿石人员定位接收消息')
+          const mockData = JSON.parse(message.data)
+          if (mockData.msgType === 'currentPersonLocation') {
+            // 将地图上的点与最新的定位人员点进行对比    删除地图上多的点
+            const czksPerLoc = czksPerLocArr.filter(item => {
+              const index = mockData.data.findIndex(item1 => {
+                return item.id.toString() === item1.cardId.toString()
+              })
+              return index !== -1
+            })
+            // 将地图上剩余的点与最新的定位人员点进行对比   更新地图上已存在的点    新增地图上之前没有的点
+            for (const item of mockData.data) {
+              const index = czksPerLoc.findIndex(item1 => {
+                return item1.id.toString() === item.cardId.toString()
+              })
+              _this.isPointWithinTheArea(_this.pointBox, { x: item.longitude, y: item.latitude })
+              if (index !== -1) {
+                czksPerLoc[index].x = item.longitude
+                czksPerLoc[index].y = item.latitude
+                czksPerLoc[index].icon_type = 'img4_0_2'
+                ry_drag.getPosition(czksPerLoc[index])
+              } else {
+                const perLoc = {
+                  id: item.cardId,
+                  name: item.realName,
+                  idNumber: item.idNumber,
+                  x: item.longitude,
+                  y: item.latitude,
+                  icon_type: 'img4_0_1',
+                  infoname: item.realName,
+                  personPhoto: item.personPhoto,
+                  data_id: item.cardId + '',
+                  point_type: 'peoplePositionCzks',
+                  label: item.realName
+                }
+                czksPerLoc.push(perLoc)
+                ry_drag.addEntity(perLoc)
+                var qianzhui = 'czksperson'
+                _this.mqttPoint[qianzhui + item.cardId] = item.cardId
+              }
+            }
+            // 最后更新ninePerLocArr
+            czksPerLocArr = czksPerLoc
+          }
+        }
+      }
+    },
     // 创建连接
     createConnection(CORP_INFO_ID) {
       try {
diff --git a/src/views/map/js/dragentity.js b/src/views/map/js/dragentity.js
index 7049e45..01b4e6f 100644
--- a/src/views/map/js/dragentity.js
+++ b/src/views/map/js/dragentity.js
@@ -68,9 +68,11 @@ export { imgMap }
 import './PolylineTrailLinkMaterialProperty'
 import loadMapBox from './mapbox'
 import loadMapBoxCfd from './mapboxCfd'
+import loadMapBoxCzks from './mapboxCzks'
 
 const polygonMap = {
   '00003': loadMapBox,
+  '00002': loadMapBoxCzks,
   '00004': loadMapBoxCfd
 }
 
diff --git a/src/views/map/js/mapboxCzks.js b/src/views/map/js/mapboxCzks.js
new file mode 100644
index 0000000..fd0cdad
--- /dev/null
+++ b/src/views/map/js/mapboxCzks.js
@@ -0,0 +1,2505 @@
+export default function loadMapBox() {
+  return {
+    redList: initMapDataRed(),
+    orangeList: initMapDataOrange(),
+    yellowList: initMapDataYellow(),
+    blueList: initMapDataBlue()
+    // wallList: initWallData()
+  }
+}
+
+/**
+ * 四色图（红）
+ */
+function initMapDataRed() {
+  const varList = []
+  // 红1
+  let formData = {}
+  formData['position'] = [{ 'x': 117.91329259120815, 'y': 38.36123690530284, 'z': 0 }, {
+    'x': 117.91336486344717,
+    'y': 38.36111173231187,
+    'z': 0
+  }, { 'x': 117.91468106231675, 'y': 38.36170398220746, 'z': 0 }, {
+    'x': 117.91457931965344,
+    'y': 38.36182250986263,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红2
+  formData = {}
+  formData['position'] = [{ 'x': 117.91861632134999, 'y': 38.36441120088372, 'z': 0 }, {
+    'x': 117.91870699539653,
+    'y': 38.36425708870703,
+    'z': 0
+  }, { 'x': 117.91967791232462, 'y': 38.3647036946978, 'z': 0 }, {
+    'x': 117.91957362028664,
+    'y': 38.364835575401216,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红3
+  formData = {}
+  formData['position'] = [{ 'x': 117.91165763498671, 'y': 38.36200088368303, 'z': 0 }, {
+    'x': 117.91173822788505,
+    'y': 38.361859620421555,
+    'z': 0
+  }, { 'x': 117.91234869929183, 'y': 38.36213451866971, 'z': 0 }, {
+    'x': 117.91265714969974,
+    'y': 38.362156144107416,
+    'z': 0
+  }, { 'x': 117.91265031065764, 'y': 38.36222307035794, 'z': 0 }, {
+    'x': 117.91248121040057,
+    'y': 38.362198659014865,
+    'z': 0
+  }, { 'x': 117.91238554615954, 'y': 38.362310722516966, 'z': 0 }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红4
+  formData = {}
+  formData['position'] = [{ 'x': 117.91557741167017, 'y': 38.364519738284855, 'z': 0 }, {
+    'x': 117.91569231156154,
+    'y': 38.364385714812784,
+    'z': 0
+  }, { 'x': 117.91639481368892, 'y': 38.3647055956907, 'z': 0 }, {
+    'x': 117.91627846976654,
+    'y': 38.364843025527186,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红5
+  formData = {}
+  formData['position'] = [{ 'x': 117.91531913734993, 'y': 38.365151141666615, 'z': 0 }, {
+    'x': 117.91543164663534,
+    'y': 38.36501986867428,
+    'z': 0
+  }, { 'x': 117.9166754061489, 'y': 38.36558167301088, 'z': 0 }, {
+    'x': 117.91657568447863,
+    'y': 38.36570912885837,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红6
+  formData = {}
+  formData['position'] = [{ 'x': 117.91474692158906, 'y': 38.36563344274661, 'z': 0 }, {
+    'x': 117.91571531380882,
+    'y': 38.365575507149735,
+    'z': 0
+  }, { 'x': 117.91573882123228, 'y': 38.36567811085759, 'z': 0 }, {
+    'x': 117.91477989838658,
+    'y': 38.36576475215801,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红7
+  formData = {}
+  formData['position'] = [{ 'x': 117.91262750855083, 'y': 38.365413506797736, 'z': 0 }, {
+    'x': 117.91276794671406,
+    'y': 38.365287385994456,
+    'z': 0
+  }, { 'x': 117.9139753678935, 'y': 38.36584054599906, 'z': 0 }, { 'x': 117.91386343527583, 'y': 38.3659672236834, 'z': 0 }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红8
+  formData = {}
+  formData['position'] = [{ 'x': 117.9110982527594, 'y': 38.365322589156264, 'z': 0 }, {
+    'x': 117.91129261832471,
+    'y': 38.3652205195321,
+    'z': 0
+  }, { 'x': 117.91178690990623, 'y': 38.365923259197956, 'z': 0 }, {
+    'x': 117.91160382111744,
+    'y': 38.365967550193055,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红9
+  formData = {}
+  formData['position'] = [{ 'x': 117.9055797602892, 'y': 38.363678953392764, 'z': 0 }, {
+    'x': 117.90565294237713,
+    'y': 38.36357588304439,
+    'z': 0
+  }, { 'x': 117.90684692093744, 'y': 38.3641164599739, 'z': 0 }, {
+    'x': 117.90675167484216,
+    'y': 38.364216564403364,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红10
+  formData = {}
+  formData['position'] = [{ 'x': 117.91405013878493, 'y': 38.36828460788923, 'z': 0 }, {
+    'x': 117.91413254845655,
+    'y': 38.36815698394543,
+    'z': 0
+  }, { 'x': 117.91507764116463, 'y': 38.36858268730413, 'z': 0 }, {
+    'x': 117.91499055000097,
+    'y': 38.36870306727979,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红11
+  formData = {}
+  formData['position'] = [{ 'x': 117.90459637924963, 'y': 38.36479696047576, 'z': 0 }, {
+    'x': 117.90589501608808,
+    'y': 38.36539087423531,
+    'z': 0
+  }, { 'x': 117.90514057108632, 'y': 38.366341076669144, 'z': 0 }, {
+    'x': 117.90388732140204,
+    'y': 38.36578737228895,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红12
+  formData = {}
+  formData['position'] = [{ 'x': 117.90737505310737, 'y': 38.366082340632445, 'z': 0 }, {
+    'x': 117.90972416120367,
+    'y': 38.367166049378696,
+    'z': 0
+  }, { 'x': 117.90905455483788, 'y': 38.36809140454216, 'z': 0 }, {
+    'x': 117.90679177081512,
+    'y': 38.36705732594471,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红13
+  formData = {}
+  formData['position'] = [{ 'x': 117.9112936737339, 'y': 38.367782210203686, 'z': 0 }, {
+    'x': 117.91283559856673,
+    'y': 38.368478375782495,
+    'z': 0
+  }, { 'x': 117.91220726298413, 'y': 38.36924079023648, 'z': 0 }, {
+    'x': 117.91074199614286,
+    'y': 38.36855676324696,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红14
+  formData = {}
+  formData['position'] = [{ 'x': 117.91519725620137, 'y': 38.3695889453864, 'z': 0 }, {
+    'x': 117.91557478593037,
+    'y': 38.36976047443697,
+    'z': 0
+  }, { 'x': 117.91486456175582, 'y': 38.37080199063585, 'z': 0 }, {
+    'x': 117.91436788422841,
+    'y': 38.370592226172164,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红15
+  formData = {}
+  formData['position'] = [{ 'x': 117.91625132928064, 'y': 38.37005681382003, 'z': 0 }, {
+    'x': 117.91722954499555,
+    'y': 38.370519531964476,
+    'z': 0
+  }, { 'x': 117.91648688037142, 'y': 38.371547754013186, 'z': 0 }, {
+    'x': 117.91546649961917,
+    'y': 38.37107641663145,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红1
+  formData = {}
+  formData['position'] = [{ 'x': 117.8639169125132, 'y': 38.33601730727607, 'z': 0 }, {
+    'x': 117.86416094262196,
+    'y': 38.33580896370501,
+    'z': 0
+  }, { 'x': 117.8643615106487, 'y': 38.3359444414587, 'z': 0 }, {
+    'x': 117.86415146516833,
+    'y': 38.336139689798884,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红2
+  formData = {}
+  formData['position'] = [{ 'x': 117.8643993579461, 'y': 38.33630753282721, 'z': 0 }, {
+    'x': 117.86459980183264,
+    'y': 38.33613584833159,
+    'z': 0
+  }, { 'x': 117.86479709091888, 'y': 38.33626718670821, 'z': 0 }, {
+    'x': 117.86460360219132,
+    'y': 38.336437577222924,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红3
+  formData = {}
+  formData['position'] = [{ 'x': 117.86016936632625, 'y': 38.34328204466427, 'z': 0 }, {
+    'x': 117.86132743132538,
+    'y': 38.34406555225892,
+    'z': 0
+  }, { 'x': 117.86102074059033, 'y': 38.34434660991865, 'z': 0 }, {
+    'x': 117.85987510874995,
+    'y': 38.34356102613709,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 75 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红4
+  formData = {}
+  formData['position'] = [{ 'x': 117.86270461833485, 'y': 38.34521958548796, 'z': 0 }, {
+    'x': 117.86295397805429,
+    'y': 38.34502185122381,
+    'z': 0
+  }, { 'x': 117.86399218728648, 'y': 38.345680096483996, 'z': 0 }, {
+    'x': 117.86372693997734,
+    'y': 38.34590305722464,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 75 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红5
+  formData = {}
+  formData['position'] = [{ 'x': 117.8644783600056, 'y': 38.34642886822679, 'z': 0 }, {
+    'x': 117.86480514045573,
+    'y': 38.34614038967857,
+    'z': 0
+  }, { 'x': 117.8665005295391, 'y': 38.34725086675385, 'z': 0 }, { 'x': 117.866160852321, 'y': 38.3475632602814, 'z': 0 }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 75 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红6
+  formData = {}
+  formData['position'] = [{ 'x': 117.86683532698562, 'y': 38.347728615007846, 'z': 0 }, {
+    'x': 117.86977352768857,
+    'y': 38.349702830922205,
+    'z': 0
+  }, { 'x': 117.8695578924931, 'y': 38.3499586228562, 'z': 0 }, {
+    'x': 117.86660110730287,
+    'y': 38.347941659769496,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 75 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红7
+  formData = {}
+  formData['position'] = [{ 'x': 117.8707453434621, 'y': 38.35059979382141, 'z': 0 }, {
+    'x': 117.87087586547943,
+    'y': 38.350489170842636,
+    'z': 0
+  }, { 'x': 117.87127588007431, 'y': 38.35074024834518, 'z': 0 }, {
+    'x': 117.87112710407044,
+    'y': 38.35086578225843,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  return varList
+}
+
+/**
+ * 四色图（橙）
+ */
+function initMapDataOrange() {
+  const varList = []
+
+  // 橙1
+  let formData = {}
+  formData['position'] = [{ 'x': 117.907844298949, 'y': 38.3587675690106, 'z': 0 }, {
+    'x': 117.90795396523414,
+    'y': 38.35862466609859,
+    'z': 0
+  }, { 'x': 117.90824139439846, 'y': 38.3587504857502, 'z': 0 }, {
+    'x': 117.90813160195708,
+    'y': 38.35889905098379,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙2
+  formData = {}
+  formData['position'] = [{ 'x': 117.9085962866892, 'y': 38.35982491735114, 'z': 0 }, {
+    'x': 117.90868101105407,
+    'y': 38.35972302971213,
+    'z': 0
+  }, { 'x': 117.9088000505195, 'y': 38.35977156524764, 'z': 0 }, {
+    'x': 117.90871818222621,
+    'y': 38.35988160927061,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙3
+  formData = {}
+  formData['position'] = [{ 'x': 117.90815366784493, 'y': 38.36039433346199, 'z': 0 }, {
+    'x': 117.90822867849563,
+    'y': 38.360279668931646,
+    'z': 0
+  }, { 'x': 117.90839233590515, 'y': 38.36034280827279, 'z': 0 }, {
+    'x': 117.90830840239398,
+    'y': 38.36046186567186,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙4
+  formData = {}
+  formData['position'] = [{ 'x': 117.90776706746435, 'y': 38.36096465349989, 'z': 0 }, {
+    'x': 117.90784762758085,
+    'y': 38.360862891023274,
+    'z': 0
+  }, { 'x': 117.90796327184599, 'y': 38.360910181649515, 'z': 0 }, {
+    'x': 117.90787940666799,
+    'y': 38.36102053145084,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙5
+  formData = {}
+  formData['position'] = [{ 'x': 117.90702267128174, 'y': 38.359900972310975, 'z': 0 }, {
+    'x': 117.90712617411354,
+    'y': 38.35977443757239,
+    'z': 0
+  }, { 'x': 117.90741751353137, 'y': 38.35989092626695, 'z': 0 }, {
+    'x': 117.90730200910154,
+    'y': 38.360043478977225,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙6
+  formData = {}
+  formData['position'] = [{ 'x': 117.90619947377303, 'y': 38.361024175291924, 'z': 0 }, {
+    'x': 117.90631070906977,
+    'y': 38.3608916985753,
+    'z': 0
+  }, { 'x': 117.90660000152653, 'y': 38.361014795381415, 'z': 0 }, {
+    'x': 117.90648194821199,
+    'y': 38.36115162245955,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙7
+  formData = {}
+  formData['position'] = [{ 'x': 117.90540428308417, 'y': 38.36212463853562, 'z': 0 }, {
+    'x': 117.90550702135772,
+    'y': 38.361978811156966,
+    'z': 0
+  }, { 'x': 117.90578784686141, 'y': 38.36209753119061, 'z': 0 }, {
+    'x': 117.90568404039078,
+    'y': 38.36224523502306,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙8
+  formData = {}
+  formData['position'] = [{ 'x': 117.90455998513465, 'y': 38.36324755026289, 'z': 0 }, {
+    'x': 117.90466073327383,
+    'y': 38.36312053946832,
+    'z': 0
+  }, { 'x': 117.90494100030983, 'y': 38.363244770069805, 'z': 0 }, {
+    'x': 117.90483542145289,
+    'y': 38.363381870645206,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙9
+  formData = {}
+  formData['position'] = [{ 'x': 117.90410537703198, 'y': 38.36388676542451, 'z': 0 }, {
+    'x': 117.90426041571376,
+    'y': 38.36369343688687,
+    'z': 0
+  }, { 'x': 117.90453143220097, 'y': 38.363839298685505, 'z': 0 }, {
+    'x': 117.90440691471726,
+    'y': 38.3640459341981,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙10
+  formData = {}
+  formData['position'] = [{ 'x': 117.90578370985551, 'y': 38.36264266397672, 'z': 0 }, {
+    'x': 117.90589297550018,
+    'y': 38.362498365623495,
+    'z': 0
+  }, { 'x': 117.90619223163318, 'y': 38.3626369010878, 'z': 0 }, {
+    'x': 117.90608311020067,
+    'y': 38.36278375786354,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙11
+  formData = {}
+  formData['position'] = [{ 'x': 117.91753522441041, 'y': 38.369844529200954, 'z': 0 }, {
+    'x': 117.91760961376447,
+    'y': 38.36973784463656,
+    'z': 0
+  }, { 'x': 117.91811841310025, 'y': 38.369957657435066, 'z': 0 }, {
+    'x': 117.9180387881698,
+    'y': 38.37007257955329,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙12
+  formData = {}
+  formData['position'] = [{ 'x': 117.91836809777949, 'y': 38.368738658874534, 'z': 0 }, {
+    'x': 117.91843833900796,
+    'y': 38.36863604616953,
+    'z': 0
+  }, { 'x': 117.91893465462319, 'y': 38.36886181181773, 'z': 0 }, {
+    'x': 117.9188748292663,
+    'y': 38.368956506634305,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙13
+  formData = {}
+  formData['position'] = [{ 'x': 117.91918609481068, 'y': 38.367609637261275, 'z': 0 }, {
+    'x': 117.91926031138733,
+    'y': 38.367508206243066,
+    'z': 0
+  }, { 'x': 117.91974093074336, 'y': 38.36772374348505, 'z': 0 }, {
+    'x': 117.91967096909859,
+    'y': 38.3678272678068,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙14
+  formData = {}
+  formData['position'] = [{ 'x': 117.91998140621305, 'y': 38.366512853917314, 'z': 0 }, {
+    'x': 117.9200721947178,
+    'y': 38.366393039854565,
+    'z': 0
+  }, { 'x': 117.92054816619459, 'y': 38.36661064594904, 'z': 0 }, {
+    'x': 117.92045437606762,
+    'y': 38.366724252301296,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙15
+  formData = {}
+  formData['position'] = [{ 'x': 117.92081665947296, 'y': 38.36539322632034, 'z': 0 }, {
+    'x': 117.92090786287267,
+    'y': 38.36528972741719,
+    'z': 0
+  }, { 'x': 117.92136567484222, 'y': 38.36550557189438, 'z': 0 }, {
+    'x': 117.92128110821382,
+    'y': 38.365605823513114,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙16
+  formData = {}
+  formData['position'] = [{ 'x': 117.92121828857603, 'y': 38.364828097901, 'z': 0 }, {
+    'x': 117.92130406177641,
+    'y': 38.36471064209433,
+    'z': 0
+  }, { 'x': 117.92179861101843, 'y': 38.3649384156311, 'z': 0 }, {
+    'x': 117.92169697032773,
+    'y': 38.36505580080119,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙17
+  formData = {}
+  formData['position'] = [{ 'x': 117.92244592826917, 'y': 38.36342513100857, 'z': 0 }, {
+    'x': 117.92261707268716,
+    'y': 38.36320763409272,
+    'z': 0
+  }, { 'x': 117.92291425640254, 'y': 38.363333144126074, 'z': 0 }, {
+    'x': 117.92274514819292,
+    'y': 38.36356798789286,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙18
+  formData = {}
+  formData['position'] = [{ 'x': 117.92452031724474, 'y': 38.36440885911236, 'z': 0 }, {
+    'x': 117.92470842760994,
+    'y': 38.364164251258,
+    'z': 0
+  }, { 'x': 117.92501672272101, 'y': 38.36430022355478, 'z': 0 }, {
+    'x': 117.92483057366078,
+    'y': 38.364547955249776,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙19
+  formData = {}
+  formData['position'] = [{ 'x': 117.91845451429599, 'y': 38.36709791295876, 'z': 0 }, {
+    'x': 117.9186606690437,
+    'y': 38.366810829541066,
+    'z': 0
+  }, { 'x': 117.91932786570973, 'y': 38.36710604505746, 'z': 0 }, {
+    'x': 117.91910686061287,
+    'y': 38.36738705651487,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙20
+  formData = {}
+  formData['position'] = [
+    { 'x': 117.91958658694604, 'y': 38.36599148617097, 'z': 0 },
+    { 'x': 117.91969002525222, 'y': 38.36585285058809, 'z': 0 },
+    { 'x': 117.9199759231144, 'y': 38.365984128796576, 'z': 0 },
+    { 'x': 117.91986837990314, 'y': 38.36611713965488, 'z': 0 }
+  ]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙21
+  formData = {}
+  formData['position'] = [{ 'x': 117.90318801004898, 'y': 38.364804088958735, 'z': 0 }, {
+    'x': 117.91729200048255,
+    'y': 38.371209496328646,
+    'z': 0
+  }, { 'x': 117.91786365878276, 'y': 38.37046492540003, 'z': 0 }, {
+    'x': 117.91770289396489,
+    'y': 38.37037464029775,
+    'z': 0
+  }, { 'x': 117.91745324744427, 'y': 38.37071538170691, 'z': 0 }, {
+    'x': 117.91725648738128,
+    'y': 38.370774834241644,
+    'z': 0
+  }, { 'x': 117.9099598550458, 'y': 38.36747464685557, 'z': 0 }, {
+    'x': 117.90993971547692,
+    'y': 38.367319177202305,
+    'z': 0
+  }, { 'x': 117.910218412937, 'y': 38.36695118998983, 'z': 0 }, {
+    'x': 117.91007989318014,
+    'y': 38.366889207188876,
+    'z': 0
+  }, { 'x': 117.90980263407245, 'y': 38.367248328927865, 'z': 0 }, {
+    'x': 117.90962707082262,
+    'y': 38.367329251007845,
+    'z': 0
+  }, { 'x': 117.90407410030545, 'y': 38.36481240239222, 'z': 0 }, {
+    'x': 117.90404556930848,
+    'y': 38.36463979614382,
+    'z': 0
+  }, { 'x': 117.90432199456077, 'y': 38.364270350928564, 'z': 0 }, {
+    'x': 117.90394494438156,
+    'y': 38.36410377370946,
+    'z': 0
+  }, { 'x': 117.90367618755263, 'y': 38.36447301504417, 'z': 0 }, {
+    'x': 117.9035106516246,
+    'y': 38.364535061723885,
+    'z': 0
+  }, { 'x': 117.90343931866886, 'y': 38.364503150021584, 'z': 0 }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙22
+  formData = {}
+  formData['position'] = [{ 'x': 117.87559172004707, 'y': 38.34682127594433, 'z': 0 }, {
+    'x': 117.87566977154088,
+    'y': 38.346748460210634,
+    'z': 0
+  }, { 'x': 117.87571399902247, 'y': 38.34677668912454, 'z': 0 }, {
+    'x': 117.87563539673299,
+    'y': 38.34684810210876,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙23
+  formData = {}
+  formData['position'] = [{ 'x': 117.87437617602177, 'y': 38.34666069441376, 'z': 0 }, {
+    'x': 117.87466296602123,
+    'y': 38.346412547403894,
+    'z': 0
+  }, { 'x': 117.87517767852705, 'y': 38.34674697306628, 'z': 0 }, {
+    'x': 117.87490403844996,
+    'y': 38.34698154544616,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙24
+  formData = {}
+  formData['position'] = [{ 'x': 117.85845878664843, 'y': 38.3411812695067, 'z': 0 }, {
+    'x': 117.85767333276203,
+    'y': 38.341867050163,
+    'z': 0
+  }, { 'x': 117.87121263622, 'y': 38.350960300816965, 'z': 0 }, {
+    'x': 117.87206358546692,
+    'y': 38.35018934423934,
+    'z': 0
+  }, { 'x': 117.87184278122723, 'y': 38.350043286756325, 'z': 0 }, {
+    'x': 117.87147746025965,
+    'y': 38.35038722637107,
+    'z': 0
+  }, { 'x': 117.86950395199224, 'y': 38.34908012970331, 'z': 0 }, {
+    'x': 117.86993217244637,
+    'y': 38.34873952681727,
+    'z': 0
+  }, { 'x': 117.86968890065994, 'y': 38.34860937405101, 'z': 0 }, {
+    'x': 117.86931857296894,
+    'y': 38.34895268674602,
+    'z': 0
+  }, { 'x': 117.86735389984138, 'y': 38.34762130097849, 'z': 0 }, {
+    'x': 117.86776484802972,
+    'y': 38.34724418001076,
+    'z': 0
+  }, { 'x': 117.86756568909176, 'y': 38.34709871467147, 'z': 0 }, {
+    'x': 117.86716252415042,
+    'y': 38.34749993207819,
+    'z': 0
+  }, { 'x': 117.86520683449487, 'y': 38.34619472872306, 'z': 0 }, {
+    'x': 117.8655766100177,
+    'y': 38.34584356477454,
+    'z': 0
+  }, { 'x': 117.86536804873053, 'y': 38.34571140303423, 'z': 0 }, {
+    'x': 117.8650133525401,
+    'y': 38.346041723349884,
+    'z': 0
+  }, { 'x': 117.86299714105299, 'y': 38.3447078428044, 'z': 0 }, {
+    'x': 117.86337176697302,
+    'y': 38.344357878121244,
+    'z': 0
+  }, { 'x': 117.86299538951562, 'y': 38.344119165454636, 'z': 0 }, {
+    'x': 117.86263373300359,
+    'y': 38.34443219470845,
+    'z': 0
+  }, { 'x': 117.86043268813577, 'y': 38.34299138832227, 'z': 0 }, {
+    'x': 117.86083158264016,
+    'y': 38.34264714244011,
+    'z': 0
+  }, { 'x': 117.86060832992973, 'y': 38.34252954715649, 'z': 0 }, {
+    'x': 117.86023235193774,
+    'y': 38.34285931317861,
+    'z': 0
+  }, { 'x': 117.85831342536328, 'y': 38.3415310637529, 'z': 0 }, {
+    'x': 117.85865007315385,
+    'y': 38.34123606438763,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  return varList
+}
+
+/**
+ * 四色图（黄）
+ */
+function initMapDataYellow() {
+  const varList = []
+  // 黄1
+  let formData = {}
+  formData['position'] = [
+    { 'x': 117.90864099549088, 'y': 38.358946661762985, 'z': 0 },
+    { 'x': 117.90896219391294, 'y': 38.35851968060381, 'z': 0 },
+    { 'x': 117.92156807902954, 'y': 38.36423385330932, 'z': 0 },
+    { 'x': 117.92123732910306, 'y': 38.36468757273338, 'z': 0 }
+  ]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄2
+  formData = {}
+  formData['position'] = [{ 'x': 117.90891053833933, 'y': 38.359823565043875, 'z': 0 }, {
+    'x': 117.90922528000632,
+    'y': 38.359403558186095,
+    'z': 0
+  }, { 'x': 117.92016786204232, 'y': 38.36437122811609, 'z': 0 }, {
+    'x': 117.91988275331573,
+    'y': 38.36476404418333,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄3
+  formData = {}
+  formData['position'] = [{ 'x': 117.9084748564465, 'y': 38.360375658386026, 'z': 0 }, {
+    'x': 117.90877553517953,
+    'y': 38.35996897619597,
+    'z': 0
+  }, { 'x': 117.919734717287, 'y': 38.3649122787372, 'z': 0 }, { 'x': 117.9194362793756, 'y': 38.36533704334572, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 黄4
+  formData = {}
+  formData['position'] = [{ 'x': 117.90807380552448, 'y': 38.36091785906058, 'z': 0 }, {
+    'x': 117.90837563584437,
+    'y': 38.360502374771734,
+    'z': 0
+  }, { 'x': 117.91933532565342, 'y': 38.365473877653606, 'z': 0 }, {
+    'x': 117.91901564320337,
+    'y': 38.3658911188383,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄5
+  formData = {}
+  formData['position'] = [{ 'x': 117.9076835732294, 'y': 38.36148920775192, 'z': 0 }, {
+    'x': 117.90797101687902,
+    'y': 38.3610924971674,
+    'z': 0
+  }, { 'x': 117.91895006144716, 'y': 38.36604729791776, 'z': 0 }, {
+    'x': 117.91864010877845,
+    'y': 38.36646924382088,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄6
+  formData = {}
+  formData['position'] = [{ 'x': 117.9072835723708, 'y': 38.36206161348918, 'z': 0 }, {
+    'x': 117.90759539100375,
+    'y': 38.36168714559622,
+    'z': 0
+  }, { 'x': 117.91851852489516, 'y': 38.36660917978046, 'z': 0 }, {
+    'x': 117.91820667253407,
+    'y': 38.36702089376941,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄7
+  formData = {}
+  formData['position'] = [{ 'x': 117.90690285908096, 'y': 38.362609925677496, 'z': 0 }, {
+    'x': 117.90719553169717,
+    'y': 38.362213299791236,
+    'z': 0
+  }, { 'x': 117.91768305594694, 'y': 38.36697516926088, 'z': 0 }, {
+    'x': 117.91738146470199,
+    'y': 38.36737189907449,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄8
+  formData = {}
+  formData['position'] = [{ 'x': 117.9064371747969, 'y': 38.36315128277657, 'z': 0 }, {
+    'x': 117.90673265470114,
+    'y': 38.36275185395323,
+    'z': 0
+  }, { 'x': 117.9172954559111, 'y': 38.36752410514777, 'z': 0 }, {
+    'x': 117.91698362450293,
+    'y': 38.36793957205341,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄9
+  formData = {}
+  formData['position'] = [{ 'x': 117.90605611457221, 'y': 38.36368640036425, 'z': 0 }, {
+    'x': 117.9063105245125,
+    'y': 38.363287857945316,
+    'z': 0
+  }, { 'x': 117.91718656779248, 'y': 38.36822809246471, 'z': 0 }, {
+    'x': 117.91689653920623,
+    'y': 38.36863835877828,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄10
+  formData = {}
+  formData['position'] = [{ 'x': 117.90611798462872, 'y': 38.36447974287961, 'z': 0 }, {
+    'x': 117.90640961819044,
+    'y': 38.36407858270742,
+    'z': 0
+  }, { 'x': 117.91685691904293, 'y': 38.36880546800455, 'z': 0 }, {
+    'x': 117.91653632035766,
+    'y': 38.369231463952694,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄11
+  formData = {}
+  formData['position'] = [{ 'x': 117.90814156116994, 'y': 38.35785212472382, 'z': 0 }, {
+    'x': 117.90819812180705,
+    'y': 38.357777044377954,
+    'z': 0
+  }, { 'x': 117.9084802793365, 'y': 38.35790516359833, 'z': 0 }, {
+    'x': 117.90842567906007,
+    'y': 38.357979685026514,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄12
+  formData = {}
+  formData['position'] = [{ 'x': 117.90856283244196, 'y': 38.359280998274784, 'z': 0 }, {
+    'x': 117.90830571833335,
+    'y': 38.3591564987556,
+    'z': 0
+  }, { 'x': 117.90786906633471, 'y': 38.359733112445916, 'z': 0 }, {
+    'x': 117.90813878949693,
+    'y': 38.359857464139644,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄13
+  formData = {}
+  formData['position'] = [{ 'x': 117.90721442415747, 'y': 38.36090820768225, 'z': 0 }, {
+    'x': 117.90768051093268,
+    'y': 38.36026837209728,
+    'z': 0
+  }, { 'x': 117.908102107147, 'y': 38.360460293991174, 'z': 0 }, { 'x': 117.90761845538454, 'y': 38.361098915404, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄14
+  formData = {}
+  formData['position'] = [{ 'x': 117.90705322462107, 'y': 38.36110852756566, 'z': 0 }, {
+    'x': 117.90714449919278,
+    'y': 38.36098496007822,
+    'z': 0
+  }, { 'x': 117.9075530922614, 'y': 38.36116532006147, 'z': 0 }, { 'x': 117.9074655067441, 'y': 38.36129134178092, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄15
+  formData = {}
+  formData['position'] = [{ 'x': 117.9060267687132, 'y': 38.3620622964007, 'z': 0 }, {
+    'x': 117.90657020227864,
+    'y': 38.36133105184314,
+    'z': 0
+  }, { 'x': 117.90734240096033, 'y': 38.36164810145012, 'z': 0 }, {
+    'x': 117.9067737896422,
+    'y': 38.362411253739424,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄16
+  formData = {}
+  formData['position'] = [{ 'x': 117.90530056417273, 'y': 38.36330506371837, 'z': 0 }, {
+    'x': 117.90571784966114,
+    'y': 38.362745080051525,
+    'z': 0
+  }, { 'x': 117.90593940414213, 'y': 38.36285575344303, 'z': 0 }, {
+    'x': 117.90552921352347,
+    'y': 38.36340764652913,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄17
+  formData = {}
+  formData['position'] = [{ 'x': 117.90576365005327, 'y': 38.36332536289572, 'z': 0 }, {
+    'x': 117.90615338423457,
+    'y': 38.36279309970842,
+    'z': 0
+  }, { 'x': 117.90633428931994, 'y': 38.36286987555464, 'z': 0 }, {
+    'x': 117.90595481782017,
+    'y': 38.36340848297254,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄18
+  formData = {}
+  formData['position'] = [{ 'x': 117.90533260137015, 'y': 38.36365587101769, 'z': 0 }, {
+    'x': 117.90571723119868,
+    'y': 38.3638256190717,
+    'z': 0
+  }, { 'x': 117.9056131671914, 'y': 38.36397115234229, 'z': 0 }, { 'x': 117.9052366504932, 'y': 38.36379522824109, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄19
+  formData = {}
+  formData['position'] = [
+    { 'x': 117.90483435500443, 'y': 38.364224589650995, 'z': 0 },
+    { 'x': 117.90502425271819, 'y': 38.36430782865065, 'z': 0 },
+    { 'x': 117.90531105073713, 'y': 38.36392729102655, 'z': 0 },
+    { 'x': 117.9051246922832, 'y': 38.36383674681542, 'z': 0 }
+  ]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄20
+  formData = {}
+  formData['position'] = [{ 'x': 117.90515102629894, 'y': 38.36435707826928, 'z': 0 }, {
+    'x': 117.90527073918932,
+    'y': 38.364408758839836,
+    'z': 0
+  }, { 'x': 117.90553055441809, 'y': 38.36404428413086, 'z': 0 }, {
+    'x': 117.90542128703832,
+    'y': 38.36399415449912,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 50 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 黄21
+  formData = {}
+  formData['position'] = [{ 'x': 117.90551592244293, 'y': 38.36450899689649, 'z': 0 }, {
+    'x': 117.90557393820549,
+    'y': 38.36442810543998,
+    'z': 0
+  }, { 'x': 117.90609512899205, 'y': 38.364665426988886, 'z': 0 }, {
+    'x': 117.90603624973237,
+    'y': 38.36474661734747,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄22
+  formData = {}
+  formData['position'] = [{ 'x': 117.90631881661082, 'y': 38.36488043200351, 'z': 0 }, {
+    'x': 117.906370999656,
+    'y': 38.36479925981966,
+    'z': 0
+  }, { 'x': 117.9067515224254, 'y': 38.36497216814198, 'z': 0 }, { 'x': 117.90668458683622, 'y': 38.3650553687038, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄23
+  formData = {}
+  formData['position'] = [{ 'x': 117.90433884290694, 'y': 38.36423708097124, 'z': 0 }, {
+    'x': 117.90440008167022,
+    'y': 38.36415587180558,
+    'z': 0
+  }, { 'x': 117.90446702462692, 'y': 38.364188553075245, 'z': 0 }, {
+    'x': 117.90440835497071,
+    'y': 38.36426961874501,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄24
+  formData = {}
+  formData['position'] = [{ 'x': 117.91049053238274, 'y': 38.366667421228186, 'z': 0 }, {
+    'x': 117.91082866108013,
+    'y': 38.36682136080121,
+    'z': 0
+  }, { 'x': 117.91077198480626, 'y': 38.36689994345437, 'z': 0 }, {
+    'x': 117.91042964809112,
+    'y': 38.366739465520375,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄25
+  formData = {}
+  formData['position'] = [{ 'x': 117.91492283895508, 'y': 38.368787333387985, 'z': 0 }, {
+    'x': 117.9149828813005,
+    'y': 38.36869131807309,
+    'z': 0
+  }, { 'x': 117.91534789725945, 'y': 38.36885315879718, 'z': 0 }, {
+    'x': 117.91528025059357,
+    'y': 38.36895036247976,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄26
+  formData = {}
+  formData['position'] = [{ 'x': 117.91548243536668, 'y': 38.368927497831805, 'z': 0 }, {
+    'x': 117.9158484407971,
+    'y': 38.369096964073314,
+    'z': 0
+  }, { 'x': 117.91578015793372, 'y': 38.36918806703643, 'z': 0 }, {
+    'x': 117.9154169926615,
+    'y': 38.36901955280916,
+    'z': 0
+  }]
+
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄27formData = {}
+  formData['position'] = [{ 'x': 117.91697938803391, 'y': 38.369393553548065, 'z': 0 }, {
+    'x': 117.91716626619599,
+    'y': 38.36912169083626,
+    'z': 0
+  }, { 'x': 117.91765873334812, 'y': 38.369338185898656, 'z': 0 }, {
+    'x': 117.91746054207951,
+    'y': 38.36961451748285,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄28
+  formData = {}
+  formData['position'] = [{ 'x': 117.91747111747686, 'y': 38.36843231890185, 'z': 0 }, {
+    'x': 117.91807500720081,
+    'y': 38.36869986661527,
+    'z': 0
+  }, { 'x': 117.91792237563513, 'y': 38.36893601870817, 'z': 0 }, {
+    'x': 117.91729761220158,
+    'y': 38.36864544085299,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄29
+  formData = {}
+  formData['position'] = [{ 'x': 117.9182557132583, 'y': 38.36761158710999, 'z': 0 }, {
+    'x': 117.91838451701551,
+    'y': 38.36744498158318,
+    'z': 0
+  }, { 'x': 117.91886846394908, 'y': 38.367667114489436, 'z': 0 }, {
+    'x': 117.91873871349286,
+    'y': 38.367833269730255,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄30
+  formData = {}
+  formData['position'] = [{ 'x': 117.9188467776949, 'y': 38.366437059585216, 'z': 0 }, {
+    'x': 117.91892192678598,
+    'y': 38.36633490559159,
+    'z': 0
+  }, { 'x': 117.91909428520978, 'y': 38.36641254087342, 'z': 0 }, {
+    'x': 117.91901798759953,
+    'y': 38.366515916951926,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄31
+  formData = {}
+  formData['position'] = [{ 'x': 117.91921493281663, 'y': 38.36661768556532, 'z': 0 }, {
+    'x': 117.9193719675476,
+    'y': 38.36640314920667,
+    'z': 0
+  }, { 'x': 117.91959565372515, 'y': 38.366502874070356, 'z': 0 }, {
+    'x': 117.91943345598375,
+    'y': 38.36672581503257,
+    'z': 0
+  }, { 'x': 117.91938133896124, 'y': 38.36670277247166, 'z': 0 }, {
+    'x': 117.91938595257778,
+    'y': 38.366696439852944,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄32
+  formData = {}
+  formData['position'] = [{ 'x': 117.91999688432847, 'y': 38.36539453256862, 'z': 0 }, {
+    'x': 117.92011883847772,
+    'y': 38.365241564689896,
+    'z': 0
+  }, { 'x': 117.92042993977547, 'y': 38.365381177808736, 'z': 0 }, {
+    'x': 117.92031276802162,
+    'y': 38.365534215420695,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄33
+  formData = {}
+  formData['position'] = [
+    { 'x': 117.920166262726, 'y': 38.3649904002729, 'z': 0 },
+    { 'x': 117.92024919021009, 'y': 38.364889170377005, 'z': 0 },
+    { 'x': 117.92040126945079, 'y': 38.3649607480189, 'z': 0 },
+    { 'x': 117.92033363802686, 'y': 38.36505706481944, 'z': 0 }
+  ]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄34
+  formData = {}
+  formData['position'] = [{ 'x': 117.92019248215534, 'y': 38.364849875580646, 'z': 0 }, {
+    'x': 117.92037376680163,
+    'y': 38.3646056378227,
+    'z': 0
+  }, { 'x': 117.92096825752326, 'y': 38.364877562090314, 'z': 0 }, {
+    'x': 117.9207937819528,
+    'y': 38.36512232705375,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄35
+  formData = {}
+  formData['position'] = [{ 'x': 117.92039637539337, 'y': 38.36411063895035, 'z': 0 }, {
+    'x': 117.92060931150193,
+    'y': 38.363841385804214,
+    'z': 0
+  }, { 'x': 117.92149825352342, 'y': 38.36425378829388, 'z': 0 }, {
+    'x': 117.92130274717006,
+    'y': 38.364517972282776,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄1
+  formData = {}
+  formData['position'] = [{ 'x': 117.85784503178103, 'y': 38.3354825819963, 'z': 0 }, {
+    'x': 117.85971409088874,
+    'y': 38.333773739821424,
+    'z': 0
+  }, { 'x': 117.85974359661957, 'y': 38.333410542229934, 'z': 0 }, {
+    'x': 117.86026349272144,
+    'y': 38.33289696809409,
+    'z': 0
+  }, { 'x': 117.86853389985045, 'y': 38.33844549584847, 'z': 0 }, {
+    'x': 117.86835074182889,
+    'y': 38.3386128209762,
+    'z': 0
+  }, { 'x': 117.86778128267538, 'y': 38.33822896088872, 'z': 0 }, {
+    'x': 117.86771042542743,
+    'y': 38.33829391695874,
+    'z': 0
+  }, { 'x': 117.86815858162156, 'y': 38.338596943954364, 'z': 0 }, {
+    'x': 117.86726134323796,
+    'y': 38.33938616033193,
+    'z': 0
+  }, { 'x': 117.86558227971145, 'y': 38.338273254550224, 'z': 0 }, {
+    'x': 117.86408019227486,
+    'y': 38.33965761612982,
+    'z': 0
+  }, { 'x': 117.86187947687814, 'y': 38.338198877028944, 'z': 0 }, {
+    'x': 117.86246707138122,
+    'y': 38.33765484191714,
+    'z': 0
+  }, { 'x': 117.8622703920157, 'y': 38.3375362456134, 'z': 0 }, {
+    'x': 117.86169340375767,
+    'y': 38.338060363334066,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄2
+  formData = {}
+  formData['position'] = [{ 'x': 117.85630132871323, 'y': 38.33630441164299, 'z': 0 }, {
+    'x': 117.85730068827515,
+    'y': 38.33537756804774,
+    'z': 0
+  }, { 'x': 117.85936140336415, 'y': 38.33676035574786, 'z': 0 }, {
+    'x': 117.85832229368553,
+    'y': 38.3376918282541,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄3
+  formData = {}
+  formData['position'] = [{ 'x': 117.85855629355653, 'y': 38.33783470622107, 'z': 0 }, {
+    'x': 117.85958575615048,
+    'y': 38.33688423902323,
+    'z': 0
+  }, { 'x': 117.86157175051618, 'y': 38.3382091085082, 'z': 0 }, {
+    'x': 117.86053728151376,
+    'y': 38.339179537075246,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄4
+  formData = {}
+  formData['position'] = [{ 'x': 117.86087368785878, 'y': 38.33903595754185, 'z': 0 }, {
+    'x': 117.86164215967038,
+    'y': 38.33831953106332,
+    'z': 0
+  }, { 'x': 117.86319173874287, 'y': 38.339338963731336, 'z': 0 }, {
+    'x': 117.86239915470901,
+    'y': 38.34008079817979,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄5
+  formData = {}
+  formData['position'] = [{ 'x': 117.86284865097147, 'y': 38.34033487072985, 'z': 0 }, {
+    'x': 117.86364335671638,
+    'y': 38.33964364872039,
+    'z': 0
+  }, { 'x': 117.86604851748031, 'y': 38.34126293042423, 'z': 0 }, {
+    'x': 117.86529071654833,
+    'y': 38.341959934202215,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄6
+  formData = {}
+  formData['position'] = [{ 'x': 117.86720028810271, 'y': 38.341010581329606, 'z': 0 }, {
+    'x': 117.8693350586832,
+    'y': 38.339017237474145,
+    'z': 0
+  }, { 'x': 117.87339803938839, 'y': 38.3417608632608, 'z': 0 }, {
+    'x': 117.8712267649776,
+    'y': 38.34376646082824,
+    'z': 0
+  }, { 'x': 117.86715040317874, 'y': 38.34104180435669, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄7
+  formData = {}
+  formData['position'] = [{ 'x': 117.87143103264677, 'y': 38.34389878705648, 'z': 0 }, {
+    'x': 117.87359779685013,
+    'y': 38.34190369931054,
+    'z': 0
+  }, { 'x': 117.87552383623014, 'y': 38.34317429307382, 'z': 0 }, {
+    'x': 117.87332107963648,
+    'y': 38.34518875039634,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄8
+  formData = {}
+  formData['position'] = [{ 'x': 117.86677980298691, 'y': 38.34143591512744, 'z': 0 }, {
+    'x': 117.86696297263316,
+    'y': 38.341558362908685,
+    'z': 0
+  }, { 'x': 117.86715578925293, 'y': 38.34138041350478, 'z': 0 }, {
+    'x': 117.8669729872553,
+    'y': 38.34125723484525,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄9
+  formData = {}
+  formData['position'] = [{ 'x': 117.86381084791432, 'y': 38.344090559352985, 'z': 0 }, {
+    'x': 117.86566888478987,
+    'y': 38.345345017019774,
+    'z': 0
+  }, { 'x': 117.86587654547247, 'y': 38.345156709743065, 'z': 0 }, {
+    'x': 117.86590655470535,
+    'y': 38.34517819330554,
+    'z': 0
+  }, { 'x': 117.86882058119967, 'y': 38.34244889983429, 'z': 0 }, {
+    'x': 117.86729329456051,
+    'y': 38.34145893789189,
+    'z': 0
+  }, { 'x': 117.86701654440883, 'y': 38.34169905646433, 'z': 0 }, {
+    'x': 117.86656055907869,
+    'y': 38.34153629382473,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄10
+  formData = {}
+  formData['position'] = [{ 'x': 117.86902915589329, 'y': 38.3425951401954, 'z': 0 }, {
+    'x': 117.87106167842562,
+    'y': 38.34392106132955,
+    'z': 0
+  }, { 'x': 117.87008593217107, 'y': 38.34481415189956, 'z': 0 }, {
+    'x': 117.86986253681219,
+    'y': 38.3446769341973,
+    'z': 0
+  }, { 'x': 117.86917703976755, 'y': 38.34533914493415, 'z': 0 }, {
+    'x': 117.86940205428398,
+    'y': 38.34545857535945,
+    'z': 0
+  }, { 'x': 117.8677574405399, 'y': 38.346918623960846, 'z': 0 }, {
+    'x': 117.86663094162189,
+    'y': 38.346133346892216,
+    'z': 0
+  }, { 'x': 117.86682635826436, 'y': 38.34594327320798, 'z': 0 }, {
+    'x': 117.86645929529269,
+    'y': 38.34568777981497,
+    'z': 0
+  }, { 'x': 117.86614977093319, 'y': 38.34596826395043, 'z': 0 }, {
+    'x': 117.86573836332579,
+    'y': 38.34567770562819,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄11
+  formData = {}
+  formData['position'] = [{ 'x': 117.86823016126982, 'y': 38.346844086523085, 'z': 0 }, {
+    'x': 117.87124314798042,
+    'y': 38.344044139678005,
+    'z': 0
+  }, { 'x': 117.87133737072949, 'y': 38.344110793316965, 'z': 0 }, {
+    'x': 117.87090924004754,
+    'y': 38.34449796476248,
+    'z': 0
+  }, { 'x': 117.8713892196596, 'y': 38.34479753611029, 'z': 0 }, {
+    'x': 117.87180240483774,
+    'y': 38.34441790906957,
+    'z': 0
+  }, { 'x': 117.87321055093422, 'y': 38.345377336362496, 'z': 0 }, {
+    'x': 117.8701872853787,
+    'y': 38.34814595860006,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄12
+  formData = {}
+  formData['position'] = [{ 'x': 117.87329673913776, 'y': 38.34551354636448, 'z': 0 }, {
+    'x': 117.87455414890536,
+    'y': 38.34637194801086,
+    'z': 0
+  }, { 'x': 117.8742432525853, 'y': 38.34667602474912, 'z': 0 }, {
+    'x': 117.87486871829977,
+    'y': 38.34709105814816,
+    'z': 0
+  }, { 'x': 117.8720329153131, 'y': 38.349783114529146, 'z': 0 }, {
+    'x': 117.87087813174276,
+    'y': 38.34900063691482,
+    'z': 0
+  }, { 'x': 117.87110362221858, 'y': 38.34877676512501, 'z': 0 }, {
+    'x': 117.87077718209997,
+    'y': 38.34853961199061,
+    'z': 0
+  }, { 'x': 117.87053220594703, 'y': 38.348768904041286, 'z': 0 }, {
+    'x': 117.87012461197376,
+    'y': 38.34851786912223,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄13
+  formData = {}
+  formData['position'] = [{ 'x': 117.86986816218801, 'y': 38.34887037271366, 'z': 0 }, {
+    'x': 117.8699704001193,
+    'y': 38.34878261317456,
+    'z': 0
+  }, { 'x': 117.87180344632868, 'y': 38.350012122686984, 'z': 0 }, {
+    'x': 117.87170930148044,
+    'y': 38.350101965316206,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄14
+  formData = {}
+  formData['position'] = [{ 'x': 117.86768679068417, 'y': 38.347411069440525, 'z': 0 }, {
+    'x': 117.86779922128216,
+    'y': 38.34731524788117,
+    'z': 0
+  }, { 'x': 117.86969340864874, 'y': 38.34857720776515, 'z': 0 }, {
+    'x': 117.86959414139125,
+    'y': 38.34868153267223,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄15
+  formData = {}
+  formData['position'] = [{ 'x': 117.86556165561366, 'y': 38.34597425237283, 'z': 0 }, {
+    'x': 117.8656808526308,
+    'y': 38.34588943367641,
+    'z': 0
+  }, { 'x': 117.86754042158748, 'y': 38.34714172518803, 'z': 0 }, {
+    'x': 117.8674414578807,
+    'y': 38.347223554330526,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄16
+  formData = {}
+  formData['position'] = [{ 'x': 117.86334485634724, 'y': 38.3444811046772, 'z': 0 }, {
+    'x': 117.86345310599866,
+    'y': 38.3443985191053,
+    'z': 0
+  }, { 'x': 117.86534908688802, 'y': 38.34566230062003, 'z': 0 }, {
+    'x': 117.86525260908381,
+    'y': 38.34576113950065,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄17
+  formData = {}
+  formData['position'] = [{ 'x': 117.86073970515645, 'y': 38.342732998467866, 'z': 0 }, {
+    'x': 117.86083749928912,
+    'y': 38.34264388042671,
+    'z': 0
+  }, { 'x': 117.86300339208105, 'y': 38.34409553633558, 'z': 0 }, {
+    'x': 117.8629076446241,
+    'y': 38.34418094999644,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄18
+  formData = {}
+  formData['position'] = [{ 'x': 117.85866014495426, 'y': 38.34133629198991, 'z': 0 }, {
+    'x': 117.8587604752267,
+    'y': 38.34123842265229,
+    'z': 0
+  }, { 'x': 117.86063950213396, 'y': 38.34250007667369, 'z': 0 }, {
+    'x': 117.86053813243167,
+    'y': 38.34259251648632,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄19
+  formData = {}
+  formData['position'] = [
+    {
+      'x': 117.85641267065125,
+      'y': 38.33982139732212,
+      'z': 0
+    }, { 'x': 117.85651141170374, 'y': 38.339735256311435, 'z': 0 }, {
+      'x': 117.85829905642713,
+      'y': 38.340935191450924,
+      'z': 0
+    }, { 'x': 117.85819349948932, 'y': 38.341016633872336, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄20
+  formData = {}
+  formData['position'] = [{ 'x': 117.85460945693109, 'y': 38.338623334781744, 'z': 0 }, {
+    'x': 117.85471047776154,
+    'y': 38.33852313015338,
+    'z': 0
+  }, { 'x': 117.85628182941912, 'y': 38.33957107760147, 'z': 0 }, {
+    'x': 117.85617998397184,
+    'y': 38.339662646815114,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄21
+  formData = {}
+  formData['position'] = [{ 'x': 117.87686556028109, 'y': 38.345011632451204, 'z': 0 }, {
+    'x': 117.87711929862877,
+    'y': 38.34477443140795,
+    'z': 0
+  }, { 'x': 117.87724864843435, 'y': 38.344857037886854, 'z': 0 }, {
+    'x': 117.87699836736844,
+    'y': 38.34509699425457,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄22
+  formData = {}
+  formData['position'] = [{ 'x': 117.87565607863336, 'y': 38.345581454642826, 'z': 0 }, {
+    'x': 117.87605197302264,
+    'y': 38.34525171138041,
+    'z': 0
+  }, { 'x': 117.87646319427213, 'y': 38.345525283058386, 'z': 0 }, {
+    'x': 117.8760932898962,
+    'y': 38.34587997998694,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄23
+  formData = {}
+  formData['position'] = [{ 'x': 117.87451304818582, 'y': 38.3446678955116, 'z': 0 }, {
+    'x': 117.87495678769048,
+    'y': 38.34427725160019,
+    'z': 0
+  }, { 'x': 117.87602047945522, 'y': 38.34495687422833, 'z': 0 }, {
+    'x': 117.87555280349967,
+    'y': 38.34537264449862,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄24
+  formData = {}
+  formData['position'] = [{ 'x': 117.87451304818582, 'y': 38.3446678955116, 'z': 0 }, {
+    'x': 117.87495678769048,
+    'y': 38.34427725160019,
+    'z': 0
+  }, { 'x': 117.87602047945522, 'y': 38.34495687422833, 'z': 0 }, {
+    'x': 117.87555280349967,
+    'y': 38.34537264449862,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄25
+  formData = {}
+  formData['position'] = [{ 'x': 117.8738536664782, 'y': 38.34535613686397, 'z': 0 }, {
+    'x': 117.87403920690262,
+    'y': 38.34518273010714,
+    'z': 0
+  }, { 'x': 117.87440250391715, 'y': 38.345432621749325, 'z': 0 }, {
+    'x': 117.8742215520863,
+    'y': 38.34558737174513,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄26
+  formData = {}
+  formData['position'] = [{ 'x': 117.874810788369, 'y': 38.34600331628417, 'z': 0 }, {
+    'x': 117.87511909034848,
+    'y': 38.34573191348233,
+    'z': 0
+  }, { 'x': 117.87531723492832, 'y': 38.34586005326149, 'z': 0 }, {
+    'x': 117.87501958643135,
+    'y': 38.346147356439985,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  return varList
+}
+
+/**
+ * 四色图（蓝）
+ */
+function initMapDataBlue() {
+  const varList = []
+  // 蓝1
+  let formData = {}
+  formData['position'] = [{ 'x': 117.91325558977526, 'y': 38.36025476920507, 'z': 0 }, {
+    'x': 117.91330548023888,
+    'y': 38.360180508658665,
+    'z': 0
+  }, { 'x': 117.91361976882177, 'y': 38.36032104919778, 'z': 0 }, {
+    'x': 117.91356450300334,
+    'y': 38.36039317839677,
+    'z': 0
+  }]
+
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝2
+  formData = {}
+  formData['position'] = [{ 'x': 117.9163331340741, 'y': 38.3616524578054, 'z': 0 }, {
+    'x': 117.91638020643315,
+    'y': 38.36158076026144,
+    'z': 0
+  }, { 'x': 117.91669331346282, 'y': 38.36171793453234, 'z': 0 }, {
+    'x': 117.91663737708285,
+    'y': 38.36178920378701,
+    'z': 0
+  }]
+
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝3
+  formData = {}
+  formData['position'] = [{ 'x': 117.91991748439105, 'y': 38.36326035664355, 'z': 0 }, {
+    'x': 117.92005110000643,
+    'y': 38.36311216916623,
+    'z': 0
+  }, { 'x': 117.92062966832223, 'y': 38.36338079531484, 'z': 0 }, {
+    'x': 117.92050791576534,
+    'y': 38.36353291480075,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝4
+  formData = {}
+  formData['position'] = [{ 'x': 117.8619964785429, 'y': 38.3379216766005, 'z': 0 }, {
+    'x': 117.86210431100764,
+    'y': 38.337997330776325,
+    'z': 0
+  }, { 'x': 117.86247947149072, 'y': 38.33765863654268, 'z': 0 }, {
+    'x': 117.86236627636032,
+    'y': 38.337585497925794,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝5
+  formData = {}
+  formData['position'] = [{ 'x': 117.86351394053803, 'y': 38.338974117724064, 'z': 0 }, {
+    'x': 117.86355383390844,
+    'y': 38.33894182547879,
+    'z': 0
+  }, { 'x': 117.86359862603842, 'y': 38.33897274926188, 'z': 0 }, {
+    'x': 117.86356171534156,
+    'y': 38.339003969947726,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝6
+  formData = {}
+  formData['position'] = [{ 'x': 117.86379454709076, 'y': 38.339334944388106, 'z': 0 }, {
+    'x': 117.86386450226023,
+    'y': 38.33927487687052,
+    'z': 0
+  }, { 'x': 117.86407902198971, 'y': 38.33941715019149, 'z': 0 }, {
+    'x': 117.8640076535366,
+    'y': 38.33947732280894,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝7
+  formData = {}
+  formData['position'] = [{ 'x': 117.86786157758233, 'y': 38.33835713703668, 'z': 0 }, {
+    'x': 117.86792545406873,
+    'y': 38.33830502874804,
+    'z': 0
+  }, { 'x': 117.86815165606308, 'y': 38.338458423834595, 'z': 0 }, {
+    'x': 117.86809197150913,
+    'y': 38.33851131679826,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝8
+  formData = {}
+  formData['position'] = [{ 'x': 117.86326168508282, 'y': 38.34384819710376, 'z': 0 }, {
+    'x': 117.86351500294757,
+    'y': 38.343626665073046,
+    'z': 0
+  }, { 'x': 117.863675449368, 'y': 38.34373387387099, 'z': 0 }, {
+    'x': 117.86342330824836,
+    'y': 38.343962264640325,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝9
+  formData = {}
+  formData['position'] = [{ 'x': 117.86654165792993, 'y': 38.34112013526752, 'z': 0 }, {
+    'x': 117.86673073703736,
+    'y': 38.340946889585595,
+    'z': 0
+  }, { 'x': 117.86677703831937, 'y': 38.340979287693344, 'z': 0 }, {
+    'x': 117.86658104186392,
+    'y': 38.34115754481654,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝10
+  formData = {}
+  formData['position'] = [{ 'x': 117.86679874320464, 'y': 38.341289785656755, 'z': 0 }, {
+    'x': 117.86689972800217,
+    'y': 38.341199089453255,
+    'z': 0
+  }, { 'x': 117.86697817618207, 'y': 38.341251041307295, 'z': 0 }, {
+    'x': 117.86687988828969,
+    'y': 38.3413440714021,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝11
+  formData = {}
+  formData['position'] = [{ 'x': 117.86744992045574, 'y': 38.34151166785958, 'z': 0 }, {
+    'x': 117.86751356759315,
+    'y': 38.341447778921854,
+    'z': 0
+  }, { 'x': 117.86761874204421, 'y': 38.341517539273845, 'z': 0 }, {
+    'x': 117.86755533231957,
+    'y': 38.34158232978242,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝12
+  formData = {}
+  formData['position'] = [{ 'x': 117.86406827922303, 'y': 38.344745703147936, 'z': 0 }, {
+    'x': 117.86435127501124,
+    'y': 38.34448712658407,
+    'z': 0
+  }, { 'x': 117.86487673471588, 'y': 38.34483626549515, 'z': 0 }, {
+    'x': 117.86457177802315,
+    'y': 38.34507220176251,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝13
+  formData = {}
+  formData['position'] = [{ 'x': 117.8660050759492, 'y': 38.34532117240705, 'z': 0 }, {
+    'x': 117.86609933671562,
+    'y': 38.34523845164009,
+    'z': 0
+  }, { 'x': 117.86618275364624, 'y': 38.345292547832365, 'z': 0 }, {
+    'x': 117.86609718344356,
+    'y': 38.3453765943684,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝14
+  formData = {}
+  formData['position'] = [{ 'x': 117.86626862576797, 'y': 38.345894012958965, 'z': 0 }, {
+    'x': 117.8664155103434,
+    'y': 38.34576604606121,
+    'z': 0
+  }, { 'x': 117.86675334936689, 'y': 38.34598039391437, 'z': 0 }, {
+    'x': 117.86660613976164,
+    'y': 38.34611524626997,
+    'z': 0
+  }]
+
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝15
+  formData = {}
+  formData['position'] = [{ 'x': 117.8692060125208, 'y': 38.34527607600632, 'z': 0 }, {
+    'x': 117.86959900839078,
+    'y': 38.34492709520245,
+    'z': 0
+  }, { 'x': 117.86977338319149, 'y': 38.34503509190617, 'z': 0 }, {
+    'x': 117.86938864542438,
+    'y': 38.34538622153931,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝16
+  formData = {}
+  formData['position'] = [{ 'x': 117.87208511069284, 'y': 38.34297540135686, 'z': 0 }, {
+    'x': 117.87244876296154,
+    'y': 38.34263541314112,
+    'z': 0
+  }, { 'x': 117.87259859339771, 'y': 38.34273867195722, 'z': 0 }, {
+    'x': 117.8722341153162,
+    'y': 38.343069085270756,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝17
+  formData = {}
+  formData['position'] = [{ 'x': 117.87092492963195, 'y': 38.344492271055195, 'z': 0 }, {
+    'x': 117.87129206164201,
+    'y': 38.34414107657493,
+    'z': 0
+  }, { 'x': 117.87172997077454, 'y': 38.3444581514693, 'z': 0 }, {
+    'x': 117.87136340318025,
+    'y': 38.344797673045676,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝18
+  formData = {}
+  formData['position'] = [{ 'x': 117.8684397021557, 'y': 38.347322573568285, 'z': 0 }, {
+    'x': 117.86859056820357,
+    'y': 38.34718897325597,
+    'z': 0
+  }, { 'x': 117.86896611219784, 'y': 38.34743655809938, 'z': 0 }, {
+    'x': 117.86881797811809,
+    'y': 38.3475788365311,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝19
+  formData = {}
+  formData['position'] = [{ 'x': 117.87030622431402, 'y': 38.34823524938049, 'z': 0 }, {
+    'x': 117.87039389019344,
+    'y': 38.3481539566366,
+    'z': 0
+  }, { 'x': 117.87046446716435, 'y': 38.34820176429665, 'z': 0 }, { 'x': 117.8703763898383, 'y': 38.348282859139, 'z': 0 }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝20
+  formData = {}
+  formData['position'] = [{ 'x': 117.87060947013003, 'y': 38.348779923419706, 'z': 0 }, {
+    'x': 117.87073031979975,
+    'y': 38.34868107053377,
+    'z': 0
+  }, { 'x': 117.87095088162536, 'y': 38.34882682040834, 'z': 0 }, {
+    'x': 117.87084430818292,
+    'y': 38.34893165534583,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝21
+  formData = {}
+  formData['position'] = [{ 'x': 117.87500893732442, 'y': 38.34613646271862, 'z': 0 }, {
+    'x': 117.87516884316283,
+    'y': 38.34599135490143,
+    'z': 0
+  }, { 'x': 117.87552884942481, 'y': 38.34623938833904, 'z': 0 }, {
+    'x': 117.8753772841502,
+    'y': 38.34637557067298,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝22
+  formData = {}
+  formData['position'] = [{ 'x': 117.8761320906241, 'y': 38.34606114586739, 'z': 0 }, {
+    'x': 117.87648775826842,
+    'y': 38.345737181798455,
+    'z': 0
+  }, { 'x': 117.87663943536609, 'y': 38.345844705404026, 'z': 0 }, {
+    'x': 117.87629137895262,
+    'y': 38.34616438137758,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+  return varList
+}
+
+/**
+ * 一公司外墙标注点
+ */
+function initWallData() {
+  const varList = []
+  // 堆料场封闭区
+  let formData = {}
+  formData['position'] = [
+    {
+      'x': 118.49908692664383,
+      'y': 38.92674633526445,
+      'z': 0
+    },
+    {
+      'x': 118.50709463008508,
+      'y': 38.93241383749963,
+      'z': 0
+    },
+    {
+      'x': 118.5109160086412,
+      'y': 38.93427464015057,
+      'z': 0
+    },
+    {
+      'x': 118.51154442848754,
+      'y': 38.933743670613914,
+      'z': 0
+    },
+    {
+      'x': 118.51438664627874,
+      'y': 38.93573179324845,
+      'z': 0
+    },
+    {
+      'x': 118.51494111503344,
+      'y': 38.93598236111987,
+      'z': 0
+    },
+    {
+      'x': 118.51496583099744,
+      'y': 38.93599780059429,
+      'z': 0
+    },
+    {
+      'x': 118.51706254083413,
+      'y': 38.934191788113246,
+      'z': 0
+    },
+    {
+      'x': 118.51785638013116,
+      'y': 38.93474077745899,
+      'z': 0
+    },
+    {
+      'x': 118.52187271909214,
+      'y': 38.93146189937477,
+      'z': 0
+    },
+    {
+      'x': 118.52067381367125,
+      'y': 38.93063002399223,
+      'z': 0
+    },
+    {
+      'x': 118.52175019424513,
+      'y': 38.929657218254974,
+      'z': 0
+    },
+    {
+      'x': 118.52143553143115,
+      'y': 38.92942704368537,
+      'z': 0
+    },
+    {
+      'x': 118.52153293482945,
+      'y': 38.92933321994022,
+      'z': 0
+    },
+    {
+      'x': 118.50751707362738,
+      'y': 38.919471351829806,
+      'z': 0
+    },
+    {
+      'x': 118.50676482775175,
+      'y': 38.92012242323175,
+      'z': 0
+    },
+    {
+      'x': 118.50650314876431,
+      'y': 38.91993500264998,
+      'z': 0
+    },
+    {
+      'x': 118.50618003560737,
+      'y': 38.92021037890844,
+      'z': 0
+    },
+    {
+      'x': 118.50528933821167,
+      'y': 38.919584429812,
+      'z': 0
+    },
+    {
+      'x': 118.5052057521309,
+      'y': 38.91957951693426,
+      'z': 0
+    },
+    {
+      'x': 118.50499783472156,
+      'y': 38.91945732725243,
+      'z': 0
+    },
+    {
+      'x': 118.50498698552595,
+      'y': 38.91945366509456,
+      'z': 0
+    },
+    {
+      'x': 118.50218679739068,
+      'y': 38.92188495533001,
+      'z': 0
+    },
+    {
+      'x': 118.50354236701541,
+      'y': 38.922843166531955,
+      'z': 0
+    },
+    {
+      'x': 118.50264850567008,
+      'y': 38.92361310799775,
+      'z': 0
+    },
+    {
+      'x': 118.50262783433566,
+      'y': 38.92366208577409,
+      'z': 0
+    }
+  ]
+  formData['color'] = 'rgba(201,118,243,0)'
+  formData['stretchHeight'] = 20 // 拉伸高度
+  formData['strokeColor'] = 'rgba(201,118,243,1)' // 边线颜色
+  varList.push(formData)
+
+  // 边界1
+  formData = {}
+  formData['position'] = [
+    {
+      'x': 118.49369150973368,
+      'y': 38.9258611450745,
+      'z': 0
+    },
+    {
+      'x': 118.49914655488551,
+      'y': 38.921178621227156,
+      'z': 0
+    },
+    {
+      'x': 118.49616873591397,
+      'y': 38.91499078490529,
+      'z': 0
+    },
+    {
+      'x': 118.48818760178409,
+      'y': 38.91724759252874,
+      'z': 0
+    },
+    {
+      'x': 118.48805794433629,
+      'y': 38.91695612812173,
+      'z': 0
+    },
+    {
+      'x': 118.49631381282053,
+      'y': 38.9144597442411,
+      'z': 0
+    },
+    {
+      'x': 118.49956701356942,
+      'y': 38.92068705099419,
+      'z': 0
+    },
+    {
+      'x': 118.50265294770625,
+      'y': 38.91801778339131,
+      'z': 0
+    },
+    {
+      'x': 118.50504615933207,
+      'y': 38.91802090940912,
+      'z': 0
+    },
+    {
+      'x': 118.50516568018304,
+      'y': 38.914749446491136,
+      'z': 0
+    },
+    {
+      'x': 118.49705735720369,
+      'y': 38.91463327155724,
+      'z': 0
+    },
+    {
+      'x': 118.49709241560284,
+      'y': 38.91437972045147,
+      'z': 0
+    },
+    {
+      'x': 118.50576491655738,
+      'y': 38.91437032999765,
+      'z': 0
+    },
+    {
+      'x': 118.5056175178713,
+      'y': 38.91611054598518,
+      'z': 0
+    },
+    {
+      'x': 118.50686024155836,
+      'y': 38.91621014457138,
+      'z': 0
+    },
+    {
+      'x': 118.50666787729635,
+      'y': 38.918384442186046,
+      'z': 0
+    },
+    {
+      'x': 118.52376206665534,
+      'y': 38.93036024915689,
+      'z': 0
+    },
+    {
+      'x': 118.51566995886793,
+      'y': 38.9367562504355,
+      'z': 0
+    },
+    {
+      'x': 118.49408380459265,
+      'y': 38.92605596823008,
+      'z': 0
+    }
+  ]
+  formData['color'] = 'rgba(201,118,243,0)'
+  formData['stretchHeight'] = 20 // 拉伸高度
+  formData['strokeColor'] = 'rgba(201,118,243,1)' // 边线颜色
+  varList.push(formData)
+
+  // 边界2
+  formData = {}
+  formData['position'] = [
+    {
+      'x': 118.4935643706221,
+      'y': 38.92593480442542,
+      'z': 0
+    },
+    {
+      'x': 118.4812265932153,
+      'y': 38.93684773053772,
+      'z': 0
+    },
+    {
+      'x': 118.4871945506674,
+      'y': 38.940972194113904,
+      'z': 0
+    },
+    {
+      'x': 118.48893358084861,
+      'y': 38.939479140514266,
+      'z': 0
+    },
+    {
+      'x': 118.48816633614166,
+      'y': 38.938893723590894,
+      'z': 0
+    },
+    {
+      'x': 118.49150740330485,
+      'y': 38.93591938241312,
+      'z': 0
+    },
+    {
+      'x': 118.48702091366398,
+      'y': 38.93292610249116,
+      'z': 0
+    },
+    {
+      'x': 118.49446578606863,
+      'y': 38.92660530871618,
+      'z': 0
+    }
+  ]
+  formData['color'] = 'rgba(201,118,243,0)'
+  formData['stretchHeight'] = 20 // 拉伸高度
+  formData['strokeColor'] = 'rgba(201,118,243,1)' // 边线颜色
+  varList.push(formData)
+
+  return varList
+}
diff --git a/static/config.js b/static/config.js
index 486543a..1ea0900 100644
--- a/static/config.js
+++ b/static/config.js
@@ -1,6 +1,7 @@
+// eslint-disable-next-line no-unused-vars
 const config = {
   weburl: 'http://192.168.0.45:8082/', // 前台地址
-  httpurl: 'http://192.168.151.56:8092/', // 后台地址
+  httpurl: 'http://192.168.0.79:8092/', // 后台地址
   qyurl: 'http://192.168.0.45:8080/', // 企业前台
   fileUrl: 'http://192.168.192.201:8991/file/', // 附件服务器地址
   publicKey: 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC2zCyUYSD0pNrbtaYdvGfHfWoRV+fo/2N9O2PLLz/jZvMkigkq4eAq4JO+Ek0wDHI9WxP6iTSLYCHhIOs9CQTPvyldJFm8riZtQZlBTD8Plkb3rjrgwTqbBi3w3+HKYdkSvGFXJIdSOPbpXnj5BzN8vlVaybs24R/vpUzG9178lwIDAQAB',