OpenLayersでポリゴンに内部バッファまたは内部ストロークを描画する方法4

Question

ポリゴンを編集するときにOSMが使用するのと同じスタイルを再作成したいと思います。私はそれを「インテリアストローク」または「インテリアバッファー」と呼んでいます。

OSM例：

私は私は1つの内部バッファにgeometryを送り返すと、ol.style.Styleのアレイを使用することができることを知っています。しかし、元のジオメトリをバッファで表現するだけでは、新しいジオメトリを作成するのは本当にリソース集約的なようです。それはお勧めの方法ですか？いくつかの高度な方法でol.style.Strokeを使用できますか？

---

さらなる特徴は、「内部ストローク」のスクリーンピクセル幅にかかわらずズームレベルの、一定量であることです。例えば、ここでそのポリゴンがズームアウトして中だ：

Answer 1

これは私が私のプロジェクトで使用しているものと同様です。 http://openlayers.org/en/latest/apidoc/ol.style.htmlより太い境界線が必要な場合は、ストロークで幅を広げることができます。

var fill = new ol.style.Fill({ 
    color: 'rgba(255,255,255,0.4)' 
}); 
var stroke = new ol.style.Stroke({ 
    color: '#3399CC', 
    width: 1.25 
}); 
var style = new ol.style.Style({ 
    fill: fill, 
    stroke: stroke 
});