echarts 地图怎样实现局部隐藏?

image.png

圈起来部分怎么隐藏掉呢

const maxData = Math.max.apply(null, data.map(item => item.value));

      const option = {
        geo: {
          map: 'china',
          aspectScale: 0.85,
          layoutCenter: ["50%", "50%"], //地图位置
          layoutSize: '100%',
          itemStyle: {
            normal: {
              shadowColor: "#000",
              shadowOffsetX: 0,
              shadowOffsetY: 5,
              opacity: 0.5,
            },
            emphasis: {
              areaColor: '#276fce',
            }
          },
          regions: [{
            name: '南海诸岛',
            itemStyle: {
              areaColor: 'rgba(0, 10, 52, 1)',
              borderColor: 'rgba(0, 10, 52, 1)',
              normal: {
                opacity: 0,
                label: {
                  show: false,
                  color: "#009cc9",
                }
              },


            },
            label: {
              show: false,
              color: '#FFFFFF',
              fontSize: 12,
            },


          }],

        },
        visualMap: {
          show: true,
          min: 0,
          max: maxData,
          left: '10%',
          top: 'bottom',
          calculable: true,
          seriesIndex: [0],
          inRange: {
            color: ['#D8E5FB', '#005AFF']
          }
        },

        series: [

          {
            type: 'map',
            mapType: 'china',
            aspectScale: 0.85,
            layoutCenter: ["50%", "50%"], //地图位置
            layoutSize: '100%',
            zoom: 1, //当前视角的缩放比例
            // roam: true, //是否开启平游或缩放
            scaleLimit: { //滚轮缩放的极限控制
              min: 1,
              max: 2
            },
            itemStyle: {
              normal: {
                areaColor: '#D8E5FB',
                borderColor: '#fff',
                borderWidth: 1.5

              },
              emphasis: {
                areaColor: '#02102b',
                label: {
                  color: "#fff"
                }

              }
            },
            data//: [{name: "四川省", value: 22}]
          },
        ]

      };
      this.chart.setOption(option, true);
阅读 4.2k
2 个回答

地图数据里已经包含这一块区域的数据,你可以自己注册地图把这一区域的经纬度删除(为什么要删掉呢,又不占什么地方,删掉看着就不完整了)

这份两个部分:1.九段线;2:南沙群岛。

  1. 九段线
    map 数据里找到 100000_JD 编码的数据,把那个 feature 全部删除:
    image.png
  2. 南沙群岛
    海南省 geometry.coordinates,只需要保留第一个数组,其他的数组都是南沙群岛的细节。
    image.png
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题