九江市地图echarts 地图配置项内容和展示

创建地图(以九江为例),json官方下载

配置项如下
      var uploadedDataURL = "/asset/get/s/data-1500512551181-H114-t6BZ.json";


function showProvince() {

    //myChart 在实际项目需定义,如var myChart = echarts.init(document.getElementById('map'));
    var name = 'jiujiang';

    //加载数据前显示的动画效果
    myChart.showLoading();
    //读取JSON数据
    $.get(uploadedDataURL, function(geoJson) {
        //加载数据完成后隐藏动画
        myChart.hideLoading();

        echarts.registerMap(name, geoJson);

        myChart.setOption(option = {

            title: {
                text: "九江市",
                left: 'center',
                textStyle: {},
                padding: [30, 10, 10, 10],
            },
            tooltip: {
                trigger: 'item'
            },

            series: [{
                type: 'map',
                mapType: name,
                label: {
                    normal: {
                        show: true
                    },
                    emphasis: {
                        textStyle: {
                            color: '#000'
                        }
                    }
                },
                itemStyle: {

                    normal: {
                        borderColor: '#389BB7',
                        areaColor: '#fff',
                    },
                    emphasis: {
                        areaColor: '#389BB7',
                        borderWidth: 0
                    }
                },
                animation: false,

            }],

        });
    });
}
showProvince();
    
截图如下