lohir
2024-10-23 d95b36a88357d018f76d926e9074c521eb8335a7
src/views/screen/components/map3.vue
@@ -26,37 +26,37 @@
      dotData: [
        {
          name: '自流井区',
          value: [104.645471408, 29.150000, 300],
          value: [104.621171408, 29.150000, 300],
          platformOnline: true
        },
        {
          name: '高新区',
          value: [104.780000, 29.22, 300],
          value: [104.780000, 29.19, 300],
          platformOnline: true
        },
        {
          name: '大安区',
          value: [104.90805, 29.275946, 300],
          value: [104.93805, 29.175946, 300],
          platformOnline: true
        },
        {
          name: '沿滩区',
          value: [104.78804, 29.130594, 300],
          value: [104.78804, 29.100594, 300],
          platformOnline: true
        },
        {
          name: '贡井区',
          value: [104.559106, 29.161427, 300],
          value: [104.46106, 29.101427, 300],
          platformOnline: true
        },
        {
          name: '荣县',
          value: [104.3234, 29.2838, 300],
          value: [104.2634, 29.2838, 300],
          platformOnline: true
        },
        {
          name: '富顺县',
          value: [104.950000, 29.04, 300],
          value: [105.000000, 28.93, 300],
          platformOnline: true
        }
      ],
@@ -64,37 +64,37 @@
        {
          name: '自流井区',
          number: '0',
          value: [104.490471408, 28.960000, 300]
          value: [104.841471408, 29.860000, 300]
        },
        {
          name: '高新区',
          number: '0',
          value: [104.86, 29.405, 300]
          value: [104.867237686031, 29.39548885792289, 300]
        },
        {
          name: '大安区',
          number: '0',
          value: [105.236, 29.30548885792289, 300]
          value: [105.17337686031, 29.57948885792289, 300]
        },
        {
          name: '沿滩区',
          number: '0',
          value: [104.760237686031, 28.8500000, 300]
          value: [105.36237686031, 30.30048885792289, 300]
        },
        {
          name: '贡井区',
          number: '0',
          value: [104.322237686031, 29.00048885792289, 300]
          value: [104.51037686031, 29.42048885792289, 300]
        },
        {
          name: '荣县',
          number: '0',
          value: [104.466237686031, 29.44048885792289, 300]
          value: [104.25437686031, 29.64048885792289, 300]
        },
        {
          name: '富顺县',
          number: '0',
          value: [105.18, 29.000000, 300]
          value: [105.208, 29.185, 300]
        }
      ],
    }
@@ -159,10 +159,10 @@
          type: 'map',
          map: name,
          left: '-5%',
          top: '5%',
          boxWidth: 90,
          regionHeight: 1,
          zlevel: 5,
          top: '20%',
          // boxWidth: 100,
          regionHeight: 0.8,
          zlevel: 10,
          tooltip: {
            show: true,
@@ -215,10 +215,11 @@
            rotateSensitivity: 0, // 旋转
            minBeta: -13,
            maxBeta: -13,
            distance: 120,
            zoomSensitivity: 0, // 缩放
            panSensitivity: 0, // 平移
            center: [0, 0, 0],
            alpha: 40, // 倾斜角度
            alpha: 30, // 倾斜角度
            animationDurationUpdate: 1000, // 过渡动画的时长
            animationEasingUpdate: 'cubicInOut' // 过渡动画的缓动效果
          },
@@ -251,11 +252,11 @@
            name: name,
            type: 'map3D',
            map: name,
            boxWidth: 90,
            regionHeight: 1,
            // boxWidth: 100,
            regionHeight: 0.8,
            left: '-5%',
            top: '5%',
            zlevel: 10,
            top: '20%',
            zlevel: 5,
            // tooltip: {
            //   show: true,
@@ -289,10 +290,11 @@
              rotateSensitivity: 0, // 旋转
              minBeta: -13,
              maxBeta: -13,
              distance: 120,
              zoomSensitivity: 0, // 缩放
              panSensitivity: 0, // 平移
              center: [0, 0, 0],
              alpha: 40 // 倾斜角度
              alpha: 30 // 倾斜角度
            }
          },
          {
@@ -323,50 +325,57 @@
            polyline: true,
            lineStyle: {
              color: '#a4ddee',
              width: 1,
              opacity: 1
              width: 2,
              opacity: 1,
            },
            data: [
              // 自流井线
              {
                coords: [
                  [104.645471408, 29.150000, 300],
                  [104.525471408, 28.960000, 430]
                  [104.621171408, 29.150000, 300],
                  [104.841471408, 29.860000, 335]
                ]
              },
              // 高新区线
              {
                coords: [
                  [104.779193, 29.22148885792289, 300],
                  [104.780237686031, 29.39548885792289, 430]
                  [104.780000, 29.19, 300],
                  [104.867237686031, 29.39548885792289, 335]
                ]
              },
              // 大安区线
              {
                coords: [
                  [104.90805, 29.275946, 300],
                  [105.106237686031, 29.22948885792289, 430]
                  [104.93805, 29.175946, 300],
                  [105.17337686031, 29.57948885792289, 335]
                ]
              },
              // 沿滩区线
              {
                coords: [
                  [104.78804, 29.130594, 300],
                  [104.776237686031, 28.85048885792289, 430]
                  [104.78804, 29.100594, 300],
                  [105.36237686031, 30.30048885792289, 335]
                ]
              },
              // 贡井区线
              {
                coords: [
                  [104.559106, 29.161427, 300],
                  [104.356237686031, 29.00048885792289, 430]
                  [104.46106, 29.101427, 300],
                  [104.51037686031, 29.42048885792289, 335]
                ]
              },
              // 荣县线
              {
                coords: [
                  [104.3234, 29.2838, 300],
                  [104.456237686031, 29.39048885792289, 430]
                  [104.2634, 29.2838, 300],
                  [104.25437686031, 29.64048885792289, 335]
                ]
              },
              // 富顺线
              {
                coords: [
                  [104.950000, 29.04, 300],
                  [105.05, 28.983, 430]
                  [105.000000, 28.93, 300],
                  [105.208, 29.185, 335]
                ]
              }
            ],
@@ -389,7 +398,7 @@
        data: that.markData,
        itemStyle: {
          opacity: 1,
          opacity: 0.7,
          borderWidth: 1,
          borderColor: 'a4ddee',
        },
@@ -404,11 +413,11 @@
            borderColor: '#a4ddee',
            borderWidth: 0.5,
            borderRadius: 5,
            padding: [8, 15]
            padding: [4, 8]
          },
          formatter: function (params) {
            return `{style|${params.data.name}\n得分:${params.data.number}}`
            return `{style|${params.data.name} :${params.data.number}}`
          },
          rich: {
            style: {