在开放层 3 中设置矢量样式

Question

我正在使用 ol3 中的向量层，并且我对 API Docs 确实缺乏进行了罚款。

唯一可用的参考是ol.style中显示的默认样式

这是我目前所拥有的，取自示例和跟踪和错误

style = [
  new ol.style.Style({

    image: new ol.style.Circle({
      radius: Math.max(10*log10(size), 10),
      stroke: new ol.style.Stroke({
        width: 1.5,
        color: '#fff'
      }),
      fill: new ol.style.Fill({
        color: 'hsl(220,60%,60%)'
      })
    }),

    text: new ol.style.Text({
      text: size.toString(),
      fill: new ol.style.Fill({
        color: '#fff'
      })
    })

  })
];

为什么会有数组？

如何更改字体大小？ “字体大小”：和大小：不起作用

还有其他一些我应该查看的文档吗？

我迷路了。

Answer 1

请参阅http://openlayers.org/en/v3.0.0/apidoc/ol.layer.Vector.html（style 构造函数选项以查看支持的内容）。

它可以是一个样式，如果你想为一个特性提供多个样式，它可以是一个样式数组，或者一个返回样式的函数（所有这些都将在内部转换为一个样式函数）。 对于您提供的代码，不需要将单个值嵌套在数组中。

对于大小，必须使用font 属性：将其用作css font 值（font: '12px Calibri,sans-serif'。参见示例（https://github.com/openlayers/ol3/blob/master/examples/vector-layer.js#L23）。