[发明专利]一种基于Echarts的地图烟花组件实现方法

权利要求书

1.一种基于Echarts的地图烟花组件实现方法，其特征在于：包括：

步骤一，渲染立体地图；

步骤二，定时从后台获取数据；

步骤三，过滤出数据增长的区域；

步骤四，将区域转换为坐标点，设置一个区域名称与地理位置坐标的对应关系表，将有数据增长的区域名称转换为对应的地理位置坐标；

步骤五，遍历地理位置坐标列表，使用Echarts的地理坐标系将地理位置坐标定位到页面上，每个坐标点创建一个烟花组件；

步骤六，随机设置每个烟花组件的动画展示的延时时间，使各个坐标点的动画错落开。

2.根据权利要求1所述的一种基于Echarts的地图烟花组件实现方法，其特征在于：所述渲染立体地图的方法为：创建一个地图组件，包含GeoJSon地图数据及区域名称和地位坐标点对应表，地图组件使用Echarts结合GeoJSon地图数据，在页面上渲染出多个地图，将地图叠加并添加阴影，通过调节各个地图的层级、角度、位置、阴影的方向和大小，使得地图在视觉上呈现出3D效果。

3.根据权利要求1所述的一种基于Echarts的地图烟花组件实现方法，其特征在于：所述步骤二中从后台获取数据时，后台以区域为维度查询数据。

4.根据权利要求1所述的一种基于Echarts的地图烟花组件实现方法，其特征在于：所述烟花组件包括三个部分，分别为烟花头部、烟花尾部、烟花亮点，使用三个Echarts的路径图组件展示烟花亮点、烟花头部、烟花尾部。

5.根据权利要求4所述的一种基于Echarts的地图烟花组件实现方法，其特征在于：所述烟花亮点设置在烟花头部内，烟花亮点尺寸小于烟花头部的尺寸，无颜色，无拖尾无阴影，所述烟花头部无拖尾，有阴影，有颜色，所述烟花尾部设置有拖尾有阴影，有颜色，调整三者的位置组成一个烟花图形。