openlayers - 如何使用 OpenLayers 4 在多边形上绘制内部缓冲区或内部笔划

Question

我想重新创建 OSM 在编辑多边形时使用的相同样式。我称之为“内部中风”或“内部缓冲区”。

OSM 示例:



我知道我可以使用 ol.style.Style 的数组, 一个发回 geometry为内部缓冲区。然而，仅仅为了用缓冲区表示原始几何体而创建新几何体似乎真的是资源密集型的。这是推荐的方式吗？我可以用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
});