openlayers实现图形线性渐变填充的第二种方式

之前的文章我们讲过按照官网上的案例来做图形的渐变填充。但是这会有一个问题。

就是每当我们在放大缩小地图的时候。填充的颜色会不断的变动。这样给用户造成的体验其实并不太好。

尤其是频繁的地图缩放的时候。图形的填充是一闪一闪的。特别难受。

那么我们这篇文章来给大家介绍一下采用另一种方式渲染渐变填充，同时解决掉上述提出的问题。

老样子我们还是先来简单的看下效果。注意哦。这个效果随着地图的缩放，渐变颜色可不会变化哦。

我们在上一篇文章中跟大家讲过如何实现图形的径向的渐变。也就是以圆心作为中心。向四周发散式的渐变。

OpenLayers实现多边形径向渐变填充-优快云博客

我们可以利用这个原理， 先在地图上画一个线性渐变的圆。

然后在这个圆上面