html地图显示省份,echart显示省份和中国地图

Echarts Map

#app,#main1,#main2{

width: 1000px;

height: 500px;

}

aaa

var chart = echarts.init(document.getElementById('app'));

chart.setOption({

series: [{

type: 'map',

map: 'china'

}]

});

$.get('map/json/china.json', function (chinaJson) {

echarts.registerMap('china', chinaJson);

var chart1 = echarts.init(document.getElementById('main1'));

chart1.setOption({

series: [{

type: 'map',

map: 'china'

}]

});

});

axios.get('map/json/province/shanxi.json').then((data) => {

echarts.registerMap('shanxi', data.data)

let chart2 = echarts.init(document.getElementById('main2'))

/*

// 这种方式可以自定义地图样式

chart.setOption({

geo: {

map: 'jiangsu',

label: {

emphasis: {

show: false

}

},

itemStyle: {

normal: {

areaColor: '#323c48',

borderColor: '#111'

},

emphasis: {

areaColor: '#2a333d'

}

}

},

});

*/

// 这种方式可以显示城市名称

chart2.setOption({

series: [{

type: 'map',

map: 'shanxi'

}]

})

});