data from lake area.in
配置项如下
var data = [
{name: '青海湖', value: 4476},
{name: '洞庭湖', value: 2635},
{name: '太湖', value: 2330},
{name: '鄱阳湖', value: 2202},
{name: '纳木错', value: 1930},
{name: '洪泽湖', value: 1890},
{name: '呼伦湖', value: 1691},
{name: '色林错', value: 1561},
{name: '微山湖', value: 1141},
{name: '博斯腾湖', value: 1082},
{name: '扎日南木措', value: 1037},
{name: '高邮湖', value: 937},
{name: '当惹雍错', value: 908},
{name: '兴凯湖', value: 902},
{name: '艾比湖', value: 877},
{name: '龙感湖', value: 803},
{name: '巢湖', value: 747},
{name: '普莫雍错', value: 275},
{name: '呼伦古湖', value: 712},
{name: '丹江口水库', value: 672},
{name: '阿牙克库木湖', value: 642},
{name: '千岛湖', value: 606},
{name: '鄂陵湖', value: 596},
{name: '哈拉湖', value: 577},
{name: '昂拉仁错', value: 567},
{name: '赤布张错', value: 537},
{name: '扎陵湖', value: 522},
{name: '塔若错', value: 494},
{name: '格仁错', value: 451},
{name: '赛里木湖', value: 423},
{name: '多尔索洞错', value: 418},
{name: '乌兰乌拉湖', value: 416},
{name: '玛旁雍错', value: 412},
{name: '丰满水库', value:402},
{name: '班公湖', value: 398},
{name: '昂孜错', value: 383},
{name: '洪湖', value: 366},
{name: '罗布泊', value: 365},
{name: '阿其克库勒湖', value: 365},
{name: '吴如错', value: 359},
{name: '梁子湖', value: 357},
{name: '军山湖', value:339},
{name: '万绿湖', value: 334},
{name: '可可西里湖', value: 321},
{name: '多格错仁', value: 321},
{name: '鲁玛江冬错', value: 319},
{name: '滇池', value: 313},
{name: '达布逊湖', value: 311},
{name: '查干湖', value: 287},
{name: '扎布耶茶卡', value: 277},
{name: '鲸鱼湖', value: 275},
{name: '羊卓雍错', value: 736},
{name: '西金乌兰湖', value: 274},
{name: '郭扎错', value: 271},
{name: '拉昂错', value: 271},
{name: '洱海', value: 264},
{name: '居延海', value: 259},
{name: '错鄂', value: 258},
{name: '柘溪水库', value: 258},
{name: '达则错', value:257},
{name: '卓乃湖', value: 248},
{name: '库塞湖', value: 247},
{name: '许如错', value: 239},
{name: '佩枯错', value: 236},
{name: '勒斜武担湖', value: 231},
{name: '多格错仁强错', value: 231},
{name: '水丰水库', value: 230},
{name: '乌拉盖戈壁', value: 229},
{name: '抚仙湖', value: 225},
{name: '骆马湖', value: 220},
{name: '达里湖', value: 208},
{name: '多尔改错', value:207},
{name: '仁青休木错', value: 204},
{name: '石臼湖', value: 204},
{name: '兹格塘错', value:203},
{name: '大通湖', value: 198},
{name: '滆湖', value: 193},
{name: '西凉湖', value: 158},
{name: '密云水库', value: 189},
{name: '错那', value: 189},
{name: '托素湖', value: 181},
{name: '其香错', value: 181},
{name: '阿克萨依湖', value: 179},
{name: '巴木错', value: 177},
{name: '通济桥水库', value: 172},
{name: '崩错', value: 170},
{name: '瓦埠湖', value: 169},
{name: '西海', value: 168},
{name: '东平湖', value: 165},
{name: '淀山湖', value: 163},
{name: '保安湖', value: 162},
{name: '桓仁水库', value:160},
{name: '长湖', value: 159},
{name: '涉湖', value: 161},
{name: '东江湖', value: 158},
{name: '美马错', value: 149},
{name: '太平湖', value: 149},
{name: '岱海', value: 146},
{name: '吉力湖', value: 144},
{name: '南漪湖', value: 144},
{name: '帕龙错', value: 137},
{name: '镜泊湖', value: 132},
{name: '蓬错', value: 132},
{name: '阳澄西湖', value: 132},
{name: '西台吉乃尔湖', value: 129},
{name: '西滩', value: 128},
{name: '打加错', value: 128},
{name: '刘家峡水库', value: 127},
{name: '菜子湖', value: 127},
{name: '武昌湖', value: 126},
{name: '玉液湖', value: 124},
{name: '邦达错', value: 123},
{name: '懂错', value: 123},
{name: '尕斯库勒湖', value: 122},
{name: '拜惹布错', value: 122},
{name: '饮马湖', value: 122},
{name: '明镜湖', value: 121},
{name: '仓木错', value: 121},
{name: '白马湖', value: 121},
{name: '巴里坤湖', value:118},
{name: '苏千湖', value: 117},
{name: '碱水湖', value: 113},
{name: '果忙错', value: 113},
{name: '茶卡盐湖', value: 112},
{name: '升金湖', value: 112},
{name: '城东湖', value: 111},
{name: '达瓦错', value: 110},
{name: '阿鲁错', value: 108},
{name: '班戈错', value: 108},
{name: '上游水库', value:107},
{name: '北霍布逊湖', value: 107},
{name: '黄旗海', value: 106},
{name: '窝尔巴错', value: 106},
{name: '令戈错', value: 106},
{name: '月亮湖水库', value: 104},
{name: '官厅水库', value: 104},
{name: '宿鸭湖水库', value: 101}
];
var geoCoordMap = {
'青海湖':[100.12,36.88],
'洞庭湖':[112.92,29.29],
'太湖':[120.1,31.21],
'鄱阳湖':[116.24,29.20],
'纳木错':[90.57,30.73],
'洪泽湖':[118.72,33.36],
'呼伦湖':[117.32,48.87],
'色林错':[88.99,31.82],
'微山湖':[116.96,34.92],
'博斯腾湖':[86.98,41.98],
'扎日南木措':[85.68,30.92],
'高邮湖':[119.28,32.80],
'当惹雍错':[86.69,31.2],
'兴凯湖':[132.45,45.30],
'艾比湖':[82.98,44.90],
'龙感湖':[116.16,29.95],
'巢湖':[117.56,31.54],
'普莫雍错':[90.44,28.58],
'呼伦古湖':[87.18,47.26],
'丹江口水库':[111.58,32.72],
'阿牙克库木湖':[89.5,37.53],
'千岛湖':[118.84,29.53],
'鄂陵湖':[97.72,34.94],
'哈拉湖':[97.56,38.32],
'昂拉仁错':[83.08,31.56],
'赤布张错':[90.36,33.47],
'扎陵湖':[97.26,34.92],
'塔若错':[84.125,31.15],
'格仁错':[88.32,31.16],
'赛里木湖':[81.15,44.60],
'多尔索洞错':[89.88,33.42],
'乌兰乌拉湖':[90.37,34.89],
'玛旁雍错':[81.46,30.68],
'丰满水库':[126.92,43.58],
'班公湖':[79.82,33.52],
'昂孜错':[87.10,31.02],
'洪湖':[113.35,29.82],
'罗布泊':[90.32,40.48],
'阿其克库勒湖':[88.42,37.08],
'吴如错':[88.02,31.72],
'梁子湖':[114.52,30.24],
'军山湖':[116.34,28.56],
'万绿湖':[114.56,23.82],
'可可西里湖':[91.10,35.60],
'多格错仁':[89.02,34.55],
'鲁玛江冬错':[81.66,34.04],
'滇池':[102.68,24.79],
'达布逊湖':[95.18,37.0],
'查干湖':[124.26,45.28],
'扎布耶茶卡':[84.05,31.36],
'鲸鱼湖':[89.42,36.36],
'羊卓雍错':[90.72,28.98],
'西金乌兰湖':[90.32,35.22],
'郭扎错':[81.12,35.04],
'拉昂错':[81.24,30.68],
'洱海':[100.20,25.78],
'居延海':[100.66,42.42],
'错鄂':[88.74,31.62],
'柘溪水库':[111.02,28.12],
'达则错':[87.54,31.88],
'卓乃湖':[91.92,35.56],
'库塞湖':[92.88,35.75],
'许如错':[86.42,30.30],
'佩枯错':[85.62,28.84],
'勒斜武担湖':[90.23,35.75],
'多格错仁强错':[89.24,35.33],
'水丰水库':[125.17,40.606],
'乌拉盖戈壁':[117.48,45.48],
'抚仙湖':[102.9,24.51],
'骆马湖':[118.2,34.08],
'达里湖':[116.616,43.3],
'多尔改错':[92.2,35.22],
'仁青休木错':[83.48,31.27],
'石臼湖':[118.88,31.48],
'兹格塘错':[90.83,32.08],
'大通湖':[112.52,29.212],
'滆湖':[119.86,31.62],
'西凉湖':[114.08,29.986],
'密云水库':[116.98,40.52],
'错那':[91.48,32.02],
'托素湖':[96.96,37.15],
'其香错':[90.01,32.45],
'阿克萨依湖':[79.86,35.22],
'巴木错':[90.6,31.28],
'通济桥水库':[119.833,29.448],
'崩错':[91.18,31.22],
'瓦埠湖':[116.92,32.39],
'西海':[115.32,29.28],
'东平湖':[116.20,35.98],
'淀山湖':[120.99,31.12],
'保安湖':[114.72,30.26],
'桓仁水库':[125.46,41.32],
'长湖':[112.48,30.45],
'涉湖':[114.20,29.99],
'东江湖':[113.4,25.84],
'美马错':[82.420,34.144],
'太平湖':[118.1,30.42],
'岱海':[112.68,40.58],
'吉力湖':[87.48,46.92],
'南漪湖':[118.92,31.12],
'帕龙错':[83.58,30.88],
'镜泊湖':[128.92,43.88],
'蓬错':[90.98,31.52],
'阳澄西湖':[120.82,31.42],
'西台吉乃尔湖':[93.36,37.72],
'西滩':[112.24,34.96],
'打加错':[85.736,29.82],
'刘家峡水库':[103.24,35.85],
'菜子湖':[117.1,30.88],
'武昌湖':[116.68,30.28],
'玉液湖':[88.78,36.02],
'邦达错':[81.56,34.95],
'懂错':[91.18,31.72],
'尕斯库勒湖':[90.74,38.12],
'拜惹布错':[83.12,35.02],
'饮马湖':[90.62,35.60],
'明镜湖':[90.56,35.066],
'仓木错':[83.56,32.12],
'白马湖':[119.148,33.25],
'巴里坤湖':[92.81,43.68],
'苏千湖':[93.88,38.88],
'碱水湖':[83.12,35.308],
'果忙错':[89.208,31.24],
'茶卡盐湖':[99.12,36.70],
'升金湖':[117.10,30.40],
'城东湖':[116.392,32.32],
'达瓦错':[84.945,31.24],
'阿鲁错':[82.42,33.96],
'班戈错':[89.52,31.73],
'上游水库':[80.722,40.42],
'北霍布逊湖':[95.88,36.88],
'黄旗海':[113.312,40.85],
'窝尔巴错':[81.056,34.56],
'令戈错':[88.612,33.86],
'月亮湖水库':[123.92,45.72],
'官厅水库':[115.66,40.33],
'宿鸭湖水库':[114.26,33.04],
};
var convertData = function (data) {
var res = [];
for (var i = 0; i < data.length; i++) {
var geoCoord = geoCoordMap[data[i].name];
if (geoCoord) {
res.push({
name: data[i].name,
value: geoCoord.concat(data[i].value)
});
}
}
return res;
};
option = {
backgroundColor: 'transparent',
title: {
text: '全国主要湖泊分布(area>100km²)— 百度地图',
subtext: 'data from lake area.in',
sublink: 'http://www.lake area.in',
left: 'center',
textStyle: {
color: '#04387b'
}
},
tooltip : {
trigger: 'item'
},
legend: {
orient: 'vertical',
y: 'bottom',
x:'right',
data:['lake area'],
textStyle: {
color: '#04387b'
}
},
geo: {
map: 'china',
label: {
emphasis: {
areaColor: '#4499d0',
}
},
roam: true,
itemStyle: {
normal: {
areaColor: 'rgba(19,198,249,0)',
borderColor: '#333'
},
emphasis: {
areaColor: '#4499d0'
}
}
},
series : [
{
name: 'lake area(km²)',
type: 'scatter',
coordinateSystem: 'geo',
data: convertData(data),
symbolSize: function (val) {
return val[2] / 80;
},
encode: {
value: 2
},
label: {
normal: {
formatter: '{b}',
position: 'right',
show: false
},
emphasis: {
show: true
}
},
itemStyle: {
normal: {
color: '#04387b',
shadowColor: '#33'
}
}
},
{
name: 'lake area(km²) Top 10',
type: 'effectScatter',
coordinateSystem: 'geo',
data: convertData(data.sort(function (a, b) {
return b.value - a.value;
}).slice(0, 10)),
symbolSize: function (val) {
return val[2] / 80;
},
encode: {
value: 2
},
showEffectOn: 'render',
rippleEffect: {
brushType: 'stroke'
},
hoverAnimation: true,
label: {
normal: {
formatter: '{b}',
position: 'right',
show: true
}
},
itemStyle: {
normal: {
color: '#467bc0',
shadowBlur: 10,
shadowColor: '#333333'
}
},
zlevel: 1
}
]
};