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