gis - OpenLayers 5: ストローク幅のスケーリング?

Question

ストローク幅をズームレベルに依存させることはできますか?

基本的には、LineStrings/MultiLineStrings を使用していくつかの道路を強調表示しますが、ズームアウトして大規模な混乱を避けたいと考えています (各パスに沿って約 8 本の幅の広い線が表示されます)。

Answer 1

スタイル関数に渡される解像度を使用できます。このコードを使用して等高線を表示し、50m の倍数で線を設定しました。解像度が 2.5 を超えると、両方の幅が比例して縮小されます。

style: function(feature, resolution) {
    return new ol.style.Style({
        stroke: new ol.style.Stroke({
            color: 'rgba(224,148,94,1)',
            width: (feature.getProperties().value % 50 == 0 ? 3.175 : 1.863) * Math.min(1, 2.5/resolution)
        })
    });
}