echarts如何显示一个省的部分市

echarts如何显示一个省的部分市

例：我想显示内蒙古地区的部分市、盟，只显示蒙东地区。

1.到地图选择器下载内蒙古自治区的地图json

2.打开这个json文件删除不需要地区信息

3.在main.js（或者其他地方但是一定要引入）中注册地图信息。

我这里取名“nmg”,后面会用到。

import * as echarts from 'echarts'//引入echarts`

echarts.registerMap("nmg", require('../views/style_demos/mapDemojson/Inner Mongolia.json'))//引入内蒙地图JSON  删除了部分地区

4.在页面上使用

mapOption.series.map=‘nmg’，将map改成刚才定义的地图名字。setOption即可。

mapOption: {
        tooltip: {
          trigger: "item",
          show: false,
          showDelay: 0,
          transitionDuration: 0.2,
        },
        toolbox: {
          show: false,
          orient: "vertical",
          left: "right",
          top: "center",
          feature: {
            dataView: { readOnly: false },
            restore: {},
            saveAsImage: {},
          },
        },
      
        series: [
          {
            type: "map",
            map: "nmg",
            tooltip: {
              show: true,
            },
            label: {
              show: false,
              emphasis: {
                show: true,
                color: "#fff",
              },
            },
            zoom: 1,
            top: "3%",
            data: [
             
            ],
            aspectScale: 0.75,
            roam: false,
            itemStyle: {
              normal: {
                borderColor: "#000",
                borderWidth: 0.8,
                areaColor: '#54ACE5'
              },
              emphasis: {
                show: true,
                areaColor: "#274d62",
              },
            },
            zlevel: 1,
          },
        ]
      }

5.效果展示

只显示了内蒙古蒙东地区。