react中使用echart地图

加载地图

// 官网已经不提供下载了，但是在依赖中都能找到
import echarts from 'echarts';
import 'echarts/map/js/shanghai.js';

node_module中echart模块

省市地图坑——mapType是中文

const option = {
        title: {
            text: 'iphone销量',
            subtext: '纯属虚构',
            left: 'center'
        },
        series: [
            {
                name: 'iphone3',
                type: 'map',
                mapType: '上海',
                roam: false,
                label: {
                    normal: {
                        show: true
                    },
                    emphasis: {
                        show: true
                    }
                },
                data:[]
            }
        ]
    };

上海的配置文件

坑来源：省市配置使用中文