画了一个绵阳市的地图,点击区拿到对应区的数据,一个接口调用2次,如果想用其他省市地图可以去官方下载相应的js文件,在jsp中引用就好,不过得注意引用顺序,不然会报错。
function drawProvince() {
var name = '绵阳';
var myChart = echarts.init(document.getElementById('my'));
myChart.setOption(option = {
backgroundColor: '#ffffff',
series: [{
type: 'map',
mapType: name,
layoutCenter: ['50%', '50%'],
layoutSize: 650,
label: {
normal: {
show: true
},
emphasis: {
textStyle: {
color: '#fff'
}
}
},
itemStyle: {
normal: {
borderColor: '#000000',
areaColor: '#999999'
},
emphasis: {
areaColor: '#999999'