OpenLayers 3 之 地图样式（ol.style）详解

      地图样式是由 style 类控制的，其包含了地图样式的方方面面，例如，填充色、图标样式、图片样式、规则图形样式、边界样式、文字样式等，样式一般针对矢量要素图层。

      矢量图层样式可以事先写好，写成静态的，矢量图层直接按照定义好的样式渲染，也可以动态使用样式的 set() 方法，但是要注意刷新矢量图层，重新渲染，否则动态样式不生效。

一、ol.style

1. 可以配置的选项

/**
 * @typedef {
   {
   geometry: (undefined|string|ol.geom.Geometry|ol.style.GeometryFunction),
 *     fill: (ol.style.Fill|undefined),
 *     image: (ol.style.Image|undefined),
 *     stroke: (ol.style.Stroke|undefined),
 *     text: (ol.style.Text|undefined),
 *     zIndex: (number|undefined)}}
 * @api
 */

• geometry，要素的属性，或者要素，或者一个返回一个地理要素的函数，用来渲染成相应的地理要素；
• fill，填充要素的样式；
• iamge，图片样式，类型为 ol.style.Image；
• stroke，要素边界样式，类型为 ol.style.Stroke；
• text，要素文字的样式，类型为 ol.style.Text；
• zIndex，CSS中的zIndex，即叠置的层次，为数字类型。

2. 子类

1. ol.style.Circle，针对矢量要素设置圆形的样式，继承 ol.style.Image；
2. ol.style.Icon，针对矢量数据设置图标样式，继承 ol.style.Image；
3. ol.style.Fill，针对矢量要素设置填充样式；
4. ol.style.RegularShape，对矢量要素设置规则的图形样式，如果设置 radius，结果图形是一个规则的多边形，如果设置 radius1 和 radius2，结果图形将是一个星形；