https://echarts.apache.org/examples/en/editor.html?c=map-polygon
var data = [
{name: '海门', value: 9,url1:'www.baidu.com'},
{name: '大庆', value: 279,url1:'www.sina.com'}
];var geoCoordMap = {
'海门':[121.15,31.89],
'大庆':[125.03,46.58]
};var convertData = function (data) {
var res = [];
for (var i = 0; i < data.length; i++) {
var geoCoord = geoCoordMap[data[i].name];
if (geoCoord) {
res.push({
url1:data[i].url1,
name: data[i].name,
value: geoCoord.concat(data[i].value)
});
}
}
return res;
};
option = {
backgroundColor: 'transparent',
title: {
text: '全国主要城市空气质量',
subtext: 'data from PM25.in',
sublink: 'http://www.pm25.in',
left: 'center',
textStyle: {
color: '#fff'
}
},
tooltip: {
formatter: function(params, ticket, callback) {
return data[params.dataIndex].url1 + "<br />" +
params.name + ":" + params.value;
}
},
bmap: {
center: [104.114129, 37.550339],
zoom: 5,
roam: true,
},
series : [
{
name: '对对对',
type: 'effectScatter',
coordinateSystem: 'bmap',
data: convertData(data),
encode: {
value: 2
},
symbolSize: 112,
showEffectOn: 'emphasis',
rippleEffect: {
brushType: 'stroke'
},
hoverAnimation: true,
label: {
formatter: '{c}',
position: 'right',
show: true
},
itemStyle: {
color: '#f4e925',
shadowBlur: 10,
shadowColor: '#333'
},
zlevel: 1
}
]
};