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