在vue中使用echarts实现地图自定义浮窗内容及样式_芝士焗红薯的博客-CSDN博客_浮窗vue中介绍了echarts中地图的简单使用,实现了自定义浮窗的功能。
在vue中使用echarts实现地图颜色渐变及自定义浮窗内容_芝士焗红薯的博客-CSDN博客实现了地图上地区的颜色渐变,对地图进行了一些简化。
在很多大屏功能上是需要地图实现很密集的散点图,这个可以参考别的文章,本文使用散点图,是因为客户需要显示省直的信息,我个人认为在旁边放个点或者什么东西显示省直信息太奇怪了,正好想学一下散点,所以就用一个散点来代表省直。
1.设置散点
在前面两篇文章中,我们知道实现自定义浮窗和颜色渐变,在series中将type设置为map就可以。但是散点需要series中将type设置为effectScatter。实践发现series中是可以直接接受两个type,所以将effectScatter和map并列就可以。
散点的位置是根据地理位置来的,所以需要在value中设定需要的经纬度。
{
type: 'effectScatter',
coordinateSystem: '