javascript - Open Layers 3 中的样式向量

Question

我在 ol3 中使用矢量层，我发现 API 文档真的很缺乏。

唯一可用的引用是默认样式，如 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 )。