vue中使用echarts实现地图散点图

在vue中使用echarts实现地图自定义浮窗内容及样式_芝士焗红薯的博客-CSDN博客_浮窗vue中介绍了echarts中地图的简单使用，实现了自定义浮窗的功能。

在vue中使用echarts实现地图颜色渐变及自定义浮窗内容_芝士焗红薯的博客-CSDN博客实现了地图上地区的颜色渐变，对地图进行了一些简化。

在很多大屏功能上是需要地图实现很密集的散点图，这个可以参考别的文章，本文使用散点图，是因为客户需要显示省直的信息，我个人认为在旁边放个点或者什么东西显示省直信息太奇怪了，正好想学一下散点，所以就用一个散点来代表省直。

1.设置散点

在前面两篇文章中，我们知道实现自定义浮窗和颜色渐变，在series中将type设置为map就可以。但是散点需要series中将type设置为effectScatter。实践发现series中是可以直接接受两个type，所以将effectScatter和map并列就可以。

散点的位置是根据地理位置来的，所以需要在value中设定需要的经纬度。

{
  type: 'effectScatter',
  coordinateSystem: '