[发明专利]基于矢量数据的可配置前端纯JS地图动画集实现方法

权利要求书

1.一种基于矢量数据的可配置前端纯JS地图动画集实现方法，其特征在于，所述实现方法采用国产开源SeaJS的模块化开发流程，实现CMD开发模式中GIS矢量数据，在WebGIS地图中显示动画效果；由动画控制器和自定义绘制动画的工具类实现；动画控制器控制所有图层动画的进程，控制器定义了一个序列，执行绘制过程中，序列中的所有图层的地图动画绘制并行控制；

自定义绘制动画的工具类用于定义各种地图动画效果，向需要进行动画绘制的图层需添加动画节点配置，在添加图层前判断动画节点是否存在，不存在时直接添加，存在时调用动画控制器根据参数进行绘制；

在添加图层或在图层可见时调用动画控制器，在对应图层开始绘制前，将相关图层加入序列；启动动画控制器，绘制时调用自定义绘制动画的工具类，根据配置设置点线面的颜色、透明度、粗细深浅这些变换，返回实例并存储，显示在地图上；在移除图层或在图层不可见时调用动画控制器，将对应图层移出序列，图层动画进行重置，恢复初始状态确保下一次开启绘制，并销毁存储的相关实例。

2.根据权利要求1所述的基于矢量数据的可配置前端纯JS地图动画集实现方法，其特征在于，所述显示在地图上是指在浏览器上显示的地图上进行显示，地图与浏览器之间的接口为window.requestAnimationFrame接口，利用浏览器自身携带的定时器对象，将地图动画嵌入到每次重绘之前执行。

3.根据权利要求1所述的基于矢量数据的可配置前端纯JS地图动画集实现方法，其特征在于，具体通过如下步骤实现：

S1、向动画控制器发送控制指令，所述控制指令为：A、添加图层或者设置图层可见，或者B、移除图层或者设置图层不可见；若为A，则进入步骤S2，若为B，则进入步骤S4；

S2、判断要操作的图层中是否存在自定义动画配置的节点，若存在则进入步骤S4，若不存在则进入步骤S1向动画控制器发送下一控制指令，或者进入步骤S3；

S3、给要操作的图层添加节点，然后返回步骤S2；

S4、调用动画控制器；

S5、判断要操作的图层是否可见，若否，则进入步骤S6，若是，则进入步骤S7；

S6、动画控制器的序列移除要所述要操作的图层，启动动画控制器调用动画绘制工具类，重置所述要操作的图层的参数至初始状态，销毁动画控制器中存储的所述要操作的图层的实例，然后停止所述要操作的图层的动画绘制；

S7、动画控制器的序列添加所述要操作的图层，启动动画控制器调用动画绘制工具类，对序列中的所述要操作的图层进行绘制，并存储工具类返回的实例，所述要操作的图层在浏览器的地图上显示绘制的动画效果。

4.根据权利要求3所述的基于矢量数据的可配置前端纯JS地图动画集实现方法，其特征在于，启动动画控制器调用动画绘制工具类，对序列中的所述要操作的图层进行绘制，实现“自增长”动画的方法为：

S11、调用动画绘制工具类；

S12、判断图层动画参数的类型，选择对应的工具类；

S13、调用对应的工具类，并对调用的工具类进行初始化；

S14、读取图层参数以及动画设置参数，然后根据读取的数据开始绘制；

S15、判断是否为首次绘制，若是则进行步骤S16，若否则进行步骤S17；

S16、重置图层默认参数，则按照动画设置参数，第一次从0开始“自增长”，然后进行步骤S17；

S17、判断图层中是否存在未显示的元素，若是，则进入步骤S18，否则进入步骤S19；

S18、根据设定的增长个数，地图添加未显示的，图层中对应个数的地理元素，然后返回步骤S17；

S19、判断动画是否循环延时，若是，则设置图层的透明度为0，重置图层默认参数，进行循环演示，并返回创建好的实例，地图显示动画效果，完成调用。

5.根据权利要求3所述的基于矢量数据的可配置前端纯JS地图动画集实现方法，其特征在于，自定义动画绘制的工具类可进行自定义拓展，用于需要不同的动画效果时增加一个绘制工具，拓展新的动画绘制工具时，新增工具继承动画绘制工具基类，新增一个参数设置对应该工具，并加入绘制类型判断的方法中，创建并返回实例的方法中也加入该工具类的调用；

新增工具中，定义对应样式名称，定义设置的默认样式属性，添加基础方法初始化、重置和开始绘制，开始绘制的方法中包含动画绘制逻辑，设置有样式变换，用于展现更多点线面的效果。