中国地图选择器改版,需要的可以看看
echarts吧
全部回复
仅看楼主
level 1
单个区域不同颜色标识
2017年09月30日 01点09分 1
level 1
option = {
tooltip : {
trigger: 'item',
formatter: '{b}'
},
series : [{
name: '中国',
type: 'map',
mapType: 'china',
selectedMode : 'multiple',
itemStyle:{
normal:{
label:{show:true},
borderColor:'#fff',
areaColor:"#8562a4",
},
emphasis:{label:{show:true},
areaColor: '#8562a4',
},
},
label: {
normal: {
show: false,
},
emphasis: {
show: false,
}
},
data:[
{name: '北京', selected:false,value:1},
{name: '天津', selected:true,value:2},
{name: '上海', selected:false,value:3},
{name: '重庆', selected:true,value:4},
{name: '河北', selected:false,value:5},
{name: '河南', selected:true,value:6},
{name: '云南', selected:true,value:7},
{name: '辽宁', selected:true,value:8},
{name: '黑龙江', selected:true,value:9},
{name: '湖南', selected:true,value:10},
{name: '安徽', selected:false,value:11},
{name: '山东', selected:false,value:12},
{name: '新疆', selected:true,value:13},
{name: '江苏', selected:false,value:14},
{name: '浙江', selected:false,value:15},
{name: '江西', selected:true,value:16},
{name: '湖北', selected:false,value:17},
{name: '广西', selected:true,value:18},
{name: '甘肃', selected:true,value:19},
{name: '山西', selected:true,value:20},
{name: '内蒙古', selected:true,value:21},
{name: '陕西', selected:true,value:22},
{name: '吉林', selected:true,value:23},
{name: '福建', selected:false,value:24},
{name: '贵州', selected:true,value:25},
{name: '广东', selected:false,value:26},
{name: '青海', selected:true,value:27},
{name: '西藏', selected:true,value:28},
{name: '四川', selected:true,value:29},
{name: '宁夏', selected:true,value:30},
{name: '海南', selected:true,value:31},
{name: '台湾', selected:true,value:32},
{name: '香港', selected:true,value:33},
{name: '澳门', selected:true,value:34}
]
}],
dataRange: {
x: '-1000px',//图例横轴位置
y: '-1000px',//图例纵轴位置
splitList: [
{start:1, end:1, label: '北京', color: '#f04946'},
{start:2, end:2, label: '天津', color: '#f1ebd1'},
{start:3, end:3, label: '上海', color: '#348ea9'},
{start:4, end:4, label: '重庆', color: '#e0cee4'},
{start:5, end:5, label: '河北', color: '#3450a9'},
{start:6, end:6, label: '河南', color: '#e4f1d7'},
{start:7, end:7, label: '云南', color: '#fffed7'},
{start:8, end:8, label: '辽宁', color: '#e4f1d7'},
{start:9, end:9, label: '黑龙江', color: '#e4f1d7'},
{start:10, end:10, label: '湖南', color: '#fffed7'},
{start:11, end:11, label: '安徽', color: '#f00046'},
{start:12, end:12, label: '山东', color: '#53bb9b'},
{start:13, end:13, label: '新疆', color: '#fffed7'},
{start:14, end:14, label: '江苏', color: '#f4c837'},
{start:15, end:15, label: '浙江', color: '#f06446'},
{start:16, end:16, label: '江西', color: '#e4f1d3'},
{start:17, end:17, label: '湖北', color: '#179775'},
{start:18, end:18, label: '广西', color: '#fde8cd'},
{start:19, end:19, label: '甘肃', color: '#fde8cd'},
{start:20, end:20, label: '山西', color: '#fffdd6'},
{start:21, end:21, label: '内蒙古', color: '#ddcfe6'},
{start:22, end:22, label: '陕西', color: '#fad8e9'},
{start:23, end:23, label: '吉林', color: '#fce8cd'},
{start:24, end:24, label: '福建', color: '#53319b'},
{start:25, end:25, label: '贵州', color: '#fad8e8'},
{start:26, end:26, label: '广东', color: '#f48c37'},
{start:27, end:27, label: '青海', color: '#fad8e9'},
{start:28, end:28, label: '西藏', color: '#ddcfe6'},
{start:29, end:29, label: '四川', color: '#e4f1d5'},
{start:30, end:30, label: '宁夏', color: '#fefcd5'},
{start:31, end:31, label: '海南', color: '#fad8e9'},
{start:32, end:32, label: '台湾', color: '#fce8cd'},
{start:33, end:33, label: '香港', color: '#dc9bbb'},
{start:34, end:34, label: '澳门', color: '#e0f7cc'},
]
},//各省地图颜色;start:值域开始值;end:值域结束值;label:图例名称;color:自定义颜色值;
};
2017年09月30日 02点09分 2
level 1
需要下载完整的eachrt.js里面才有地图插件
2017年09月30日 02点09分 3
1