OpenLayers 3中风风格

时间:2015-04-30 05:02:32

标签: styles openlayers-3 stroke

我想修改方法select的样式。我能够改变这种方法的风格,但我无法复制蓝色笔划的白色边框。

有人能够使用笔划为矢量设置样式并为笔划设置边框吗?

请参阅此示例,了解我在说什么: http://openlayers.org/en/v3.4.0/examples/select-features.html

1 个答案:

答案 0 :(得分:11)

诀窍是你有两种风格。第一种风格是绘制白线,第二种风格是顶部更细的蓝线:

var width = 3;
var styles = [
  new ol.style.Style({
    stroke: new ol.style.Stroke({
      color: 'white',
      width: width + 2
    })
  }),
  new ol.style.Style({
    stroke: new ol.style.Stroke({
      color: 'blue',
      width: width
    })
  })
];