Openlayers源码实践系列：探索layer的渲染机制——从分析OpenLayers 6 的WebGLPointsLayer动画效果实现说起

前言

最新的OpenLayers 6.1.1 中提供了一个基于WebGL用于渲染大量点要素并且支持类expressions语法描述的动画渲染。OpenLayers6之前的老版本是不支持动画渲染的，如果想要实现动画要素效果，需要利用OpenLayers的render机制来实现动画帧的渲染。本文借由分析WebGLPointsLayer动画的实现，探索了一下OpenLayers的图层渲染机制。

从ol.layer.WebGLPointsLayer开始

书归正传，先看一下 WebGLPointsLayer 的动画渲染是怎么做到的。先看看官方实例：

Filtering features with WebGL

……
import WebGLPointsLayer from 'ol/layer/WebGLPoints';
……
var map = new Map({
        layers