src/views/screen/components/map3.vue

@@ -36,12 +36,12 @@
        },
        {
          name: '大安区',
          value: [104.93805, 29.175946, 300],
          value: [104.95805, 29.155946, 300],
          platformOnline: true
        },
        {
          name: '沿滩区',
          value: [104.78804, 29.100594, 300],
          value: [104.80804, 29.100594, 300],
          platformOnline: true
        },
        {
@@ -63,37 +63,51 @@
      markData: [
        {
          name: '自流井区',
          number: '0',
          value: [104.841471408, 29.860000, 300]
          video: '0',
          car: '0',
          face: '0',
          value: [104.821471408, 29.950000, 300]
        },
        {
          name: '高新区',
          number: '0',
          video: '0',
          car: '0',
          face: '0',
          value: [104.867237686031, 29.39548885792289, 300]
        },
        {
          name: '大安区',
          number: '0',
          value: [105.17337686031, 29.57948885792289, 300]
          video: '0',
          car: '0',
          face: '0',
          value: [105.25337686031, 29.57948885792289, 300]
        },
        {
          name: '沿滩区',
          number: '0',
          value: [105.36237686031, 30.30048885792289, 300]
          video: '0',
          car: '0',
          face: '0',
          value: [105.30237686031, 30.20048885792289, 300]
        },
        {
          name: '贡井区',
          number: '0',
          video: '0',
          car: '0',
          face: '0',
          value: [104.51037686031, 29.42048885792289, 300]
        },
        {
          name: '荣县',
          number: '0',
          video: '0',
          car: '0',
          face: '0',
          value: [104.25437686031, 29.64048885792289, 300]
        },
        {
          name: '富顺县',
          number: '0',
          video: '0',
          car: '0',
          face: '0',
          value: [105.208, 29.185, 300]
        }
      ],
@@ -116,7 +130,9 @@
      if (this.geoCoordinates) {
        this.markData.forEach(item => {
          if (this.geoCoordinates[item.name]) {
            item.number = this.geoCoordinates[item.name].score || '0'
            item.video = this.geoCoordinates[item.name].video || '0'
            item.car = this.geoCoordinates[item.name].car || '0'
            item.face = this.geoCoordinates[item.name].face || '0'
          }
        })
      }
@@ -160,6 +176,8 @@
          map: name,
          left: '-5%',
          top: '20%',
          width: '100%', // 明确指定宽度
          height: '720px', // 明确指定高度
          // boxWidth: 100,
          regionHeight: 0.8,
          zlevel: 10,
@@ -256,6 +274,8 @@
            regionHeight: 0.8,
            left: '-5%',
            top: '20%',
            width: '100%', // 明确指定宽度
            height: '720px', // 明确指定高度
            zlevel: 5,

            // tooltip: {
@@ -333,49 +353,49 @@
              {
                coords: [
                  [104.621171408, 29.150000, 300],
                  [104.841471408, 29.860000, 335]
                  [104.891471408, 30.050000, 335]
                ]
              },
              // 高新区线
              {
                coords: [
                  [104.780000, 29.19, 300],
                  [104.867237686031, 29.39548885792289, 335]
                  [104.880237686031, 29.42548885792289, 335]
                ]
              },
              // 大安区线
              {
                coords: [
                  [104.93805, 29.175946, 300],
                  [105.17337686031, 29.57948885792289, 335]
                  [104.95805, 29.155946, 300],
                  [105.24337686031, 29.61948885792289, 335]
                ]
              },
              // 沿滩区线
              {
                coords: [
                  [104.78804, 29.100594, 300],
                  [105.36237686031, 30.30048885792289, 335]
                  [104.80804, 29.100594, 300],
                  [105.41237686031, 30.30048885792289, 335]
                ]
              },
              // 贡井区线
              {
                coords: [
                  [104.46106, 29.101427, 300],
                  [104.51037686031, 29.42048885792289, 335]
                  [104.51837686031, 29.45048885792289, 335]
                ]
              },
              // 荣县线
              {
                coords: [
                  [104.2634, 29.2838, 300],
                  [104.25437686031, 29.64048885792289, 335]
                  [104.25437686031, 29.67048885792289, 335]
                ]
              },
              // 富顺线
              {
                coords: [
                  [105.000000, 28.93, 300],
                  [105.208, 29.185, 335]
                  [105.218, 29.195, 335]
                ]
              }
            ],
@@ -417,8 +437,8 @@
          },

          formatter: function (params) {
            return `{style|${params.data.name} ：${params.data.number}}`
            // return `{style|${params.data.name} \n 视频：${params.data.number} \n 车辆：${params.data.number} \n 人脸：${params.data.number}}`
            // return `{style|${params.data.name} ：${params.data.number}}`
            return `{style|${params.data.name} \n 视频：${params.data.video} \n 车辆：${params.data.car} \n 人脸：${params.data.face}}`
          },
          rich: {
            style: {

 src/views/screen/index.vue

@@ -1,5 +1,5 @@
<template>
  <div class="container" ref="contaner">
  <div class="container" style="font-size: 14px" ref="contaner">
    <header>
      <i @click="returnPath" class="el-icon-s-home" style="color: #00b4ff;position: absolute;font-size: 24px;left: 98%;top: 15%"></i>
      <img src="@/assets/images/header-bg.png"/>
@@ -223,45 +223,52 @@
      scoreData: {
        自流井区: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ],
        高新区: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ],
        大安区: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ],
        沿滩区: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ],
        贡井区: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ],
        荣县: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ],
        富顺县: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ]
      },
      // 设备数据
@@ -1452,4 +1459,5 @@
  left: calc(50% - 425px);
  animation: rotateCounterClockwise 48s linear infinite;
}

</style>