地图调整测试

fuliqi

2024-09-25 868a6d3474949921f667bc834d6314c570f36ba5

地图调整测试

 src/views/screen/components/map3.vue

@@ -23,80 +23,80 @@
    return {
      myChart: null, // ECharts 实例
      big: 130,
      dotData: [
        {
          name: '自流井区',
          value: [104.645471408, 29.150000, 300],
          platformOnline: true
        },
        {
          name: '高新区',
          value: [104.780000, 29.22, 300],
          platformOnline: true
        },
        {
          name: '大安区',
          value: [104.90805, 29.275946, 300],
          platformOnline: true
        },
        {
          name: '沿滩区',
          value: [104.78804, 29.130594, 300],
          platformOnline: true
        },
        {
          name: '贡井区',
          value: [104.559106, 29.161427, 300],
          platformOnline: true
        },
        {
          name: '荣县',
          value: [104.3234, 29.2838, 300],
          platformOnline: true
        },
        {
          name: '富顺县',
          value: [104.950000, 29.04, 300],
          platformOnline: true
        }
      ],
      markData: [
        {
          name: '自流井区',
          number: '0',
          value: [104.490471408, 28.960000, 300]
        },
        {
          name: '高新区',
          number: '0',
          value: [104.86, 29.405, 300]
        },
        {
          name: '大安区',
          number: '0',
          value: [105.236, 29.30548885792289, 300]
        },
        {
          name: '沿滩区',
          number: '0',
          value: [104.760237686031, 28.8500000, 300]
        },
        {
          name: '贡井区',
          number: '0',
          value: [104.322237686031, 29.00048885792289, 300]
        },
        {
          name: '荣县',
          number: '0',
          value: [104.466237686031, 29.44048885792289, 300]
        },
        {
          name: '富顺县',
          number: '0',
          value: [105.18, 29.000000, 300]
        }
      ],
      // dotData: [
      //   {
      //     name: '自流井区',
      //     value: [104.645471408, 29.150000, 300],
      //     platformOnline: true
      //   },
      //   {
      //     name: '高新区',
      //     value: [104.780000, 29.22, 300],
      //     platformOnline: true
      //   },
      //   {
      //     name: '大安区',
      //     value: [104.90805, 29.275946, 300],
      //     platformOnline: true
      //   },
      //   {
      //     name: '沿滩区',
      //     value: [104.78804, 29.130594, 300],
      //     platformOnline: true
      //   },
      //   {
      //     name: '贡井区',
      //     value: [104.559106, 29.161427, 300],
      //     platformOnline: true
      //   },
      //   {
      //     name: '荣县',
      //     value: [104.3234, 29.2838, 300],
      //     platformOnline: true
      //   },
      //   {
      //     name: '富顺县',
      //     value: [104.950000, 29.04, 300],
      //     platformOnline: true
      //   }
      // ],
      // markData: [
      //   {
      //     name: '自流井区',
      //     number: '0',
      //     value: [104.490471408, 28.960000, 300]
      //   },
      //   {
      //     name: '高新区',
      //     number: '0',
      //     value: [104.86, 29.405, 300]
      //   },
      //   {
      //     name: '大安区',
      //     number: '0',
      //     value: [105.236, 29.30548885792289, 300]
      //   },
      //   {
      //     name: '沿滩区',
      //     number: '0',
      //     value: [104.760237686031, 28.8500000, 300]
      //   },
      //   {
      //     name: '贡井区',
      //     number: '0',
      //     value: [104.322237686031, 29.00048885792289, 300]
      //   },
      //   {
      //     name: '荣县',
      //     number: '0',
      //     value: [104.466237686031, 29.44048885792289, 300]
      //   },
      //   {
      //     name: '富顺县',
      //     number: '0',
      //     value: [105.18, 29.000000, 300]
      //   }
      // ],
    }
  },
  mounted() {
@@ -109,7 +109,7 @@
  },
  methods: {
    initializeMap() {
      this.updateMapData()
      // this.updateMapData()
      this.getChinData('自贡市', chinaJson)
    },
    updateMapData() {
@@ -160,9 +160,9 @@
          map: name,
          left: '-5%',
          top: '5%',
          boxWidth: 90,
          boxWidth: 80,
          regionHeight: 1,
          zlevel: 5,
          zlevel: 10,

          tooltip: {
            show: true,
@@ -218,7 +218,7 @@
            zoomSensitivity: 0, // 缩放
            panSensitivity: 0, // 平移
            center: [0, 0, 0],
            alpha: 40, // 倾斜角度
            alpha: 30, // 倾斜角度
            animationDurationUpdate: 1000, // 过渡动画的时长
            animationEasingUpdate: 'cubicInOut' // 过渡动画的缓动效果
          },
@@ -251,11 +251,11 @@
            name: name,
            type: 'map3D',
            map: name,
            boxWidth: 90,
            boxWidth: 80,
            regionHeight: 1,
            left: '-5%',
            top: '5%',
            zlevel: 10,
            zlevel: 5,

            // tooltip: {
            //   show: true,
@@ -292,7 +292,7 @@
              zoomSensitivity: 0, // 缩放
              panSensitivity: 0, // 平移
              center: [0, 0, 0],
              alpha: 40 // 倾斜角度
              alpha: 30 // 倾斜角度
            }
          },
          {
@@ -327,48 +327,48 @@
              opacity: 1
            },
            data: [
              {
                coords: [
                  [104.645471408, 29.150000, 300],
                  [104.525471408, 28.960000, 430]
                ]
              },
              {
                coords: [
                  [104.779193, 29.22148885792289, 300],
                  [104.780237686031, 29.39548885792289, 430]
                ]
              },
              {
                coords: [
                  [104.90805, 29.275946, 300],
                  [105.106237686031, 29.22948885792289, 430]
                ]
              },
              {
                coords: [
                  [104.78804, 29.130594, 300],
                  [104.776237686031, 28.85048885792289, 430]
                ]
              },
              {
                coords: [
                  [104.559106, 29.161427, 300],
                  [104.356237686031, 29.00048885792289, 430]
                ]
              },
              {
                coords: [
                  [104.3234, 29.2838, 300],
                  [104.456237686031, 29.39048885792289, 430]
                ]
              },
              {
                coords: [
                  [104.950000, 29.04, 300],
                  [105.05, 28.983, 430]
                ]
              }
              // {
              //   coords: [
              //     [104.645471408, 29.150000, 300],
              //     [104.525471408, 28.960000, 430]
              //   ]
              // },
              // {
              //   coords: [
              //     [104.779193, 29.22148885792289, 300],
              //     [104.780237686031, 29.39548885792289, 430]
              //   ]
              // },
              // {
              //   coords: [
              //     [104.90805, 29.275946, 300],
              //     [105.106237686031, 29.22948885792289, 430]
              //   ]
              // },
              // {
              //   coords: [
              //     [104.78804, 29.130594, 300],
              //     [104.776237686031, 28.85048885792289, 430]
              //   ]
              // },
              // {
              //   coords: [
              //     [104.559106, 29.161427, 300],
              //     [104.356237686031, 29.00048885792289, 430]
              //   ]
              // },
              // {
              //   coords: [
              //     [104.3234, 29.2838, 300],
              //     [104.456237686031, 29.39048885792289, 430]
              //   ]
              // },
              // {
              //   coords: [
              //     [104.950000, 29.04, 300],
              //     [105.05, 28.983, 430]
              //   ]
              // }
            ],
            effect: {
              show: true,