Echarts在map地图上添加散点图
一、需求：
我们使用map地图画出区域后，有时需要标注一些点，就需要用到散点图了，而在series属性中，只能有一个type参数，这时该怎么办呢？
二、实现
我们只需要把map放在geo中，散点图放在series中，上代码：
var mapChart = echarts.init(document.getElementById('CZ'));
var option = {
geo: {
roam: true,
show:true,
type:'map',
map: '滁州',
zoom: 1,
label: {
emphasis: {
// 对应的鼠标悬浮效果
show: true,
textStyle: {
}
}
},
itemStyle: {
normal: {
},
emphasis: {
}
}
},
series: [
{
show:true,
type:'effectScatter',
rippleEffect:{
// 涟漪特效相关配置。
scale:4 // 控制涟漪大小
},
coordinateSystem: 'geo', // series坐标系类型
data:myDate //散点的坐标，自己定义一个var即可
}
],
tooltip: {
trigger: 'item',
formatter: function(params) {
return res;
}
}
}
mapChart.setOption(option);
这样就实现了map地图和散点图的结合