echarts 中使用 echart-gl 的 map3D,地区高度调整后,标签高度没有被调整?

Question

{
          type: 'map3D',
          map: 'china',
          boxWidth: 60,
          boxHeight: 5,
          boxDepth: 'auto',
          regionHeight: 0.5,
          roam: true,
          selectedMode: 'multiple',
          environment: environmentImage,
          groundPlane: {
            show: false,
            color: '#00aaff'
          },
          instancing: false,
          label: {
            formatter(params) {
              return params.name
            },
            distance: 100000
          },
          itemStyle: {
            color: '#eee',
            borderWidth: 0.5
          },
          emphasis: {
            label: {
              show: true
            }
          },
          animation: true,
          data: [
            {
              name: '广东省',
              itemStyle: {
                color: 'green',
              },
              label: {
                show: true,
                color: 'black',
                distance: 100
              },
              height: 10
            }
          ]
        }

希望的效果是广东省应该是放置在绿色的最上面,但是还是在之前的位置上。尝试使用了 distance 配置,但是发现没有效果。
这个如何让标签跟随区域的高度进行调整?

echart-gl 好像没有对 ts 的支持,而且像 height 这样的属性,官方文档写的是 regionHeight,也是折腾了一下才知道是 height 才起作用。如果没有其他属性可以保证标签可以跟随区域调整。那么有没有其他比较好的库可以实现类似的功能,最好提供了对应的 vue 组件支持 。