打开图层中的样式向量3

时间:2014-09-25 09:00:43

标签: javascript vector openlayers-3

我正在使用ol3中的Vector Layer,并且我对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'
      })
    })

  })
];

为什么有阵列?

如何更改字体大小? " font-size":和尺寸:没有工作

我应该查看一些其他文档吗?

我输了。

1 个答案:

答案 0 :(得分:2)

请参阅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)。