OpenLayers 3 笔触样式

Question

我想修改方法的样式select。我可以更改此方法的样式，但无法复制蓝色描边的白色边框。

有人可以用笔划设置矢量样式并在笔划上加上边框吗？

查看此示例，了解我在说什么： http://openlayers.org/en/v3.4.0/examples/select-features.html

Answer 1

诀窍在于你有两种风格。第一种样式你画一条白线，第二种样式在顶部画一条更细的蓝线：

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
    })
  })
];