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