openlayer绘制闭合的三次bezier曲线

要在OpenLayers中绘制闭合的三次Bezier曲线，可以使用`ol.geom.CubicBezier`类。具体步骤如下：

1. 首先创建一个包含控制点的数组。

const controlPoints = [
  [50, 100],
  [50, 50],
  [150, 50],
  [150, 100],
  [150, 150],
  [50, 150]
];

2. 根据控制点创建一个`ol.geom.CubicBezier`对象。

const bezier = new ol.geom.CubicBezier(controlPoints);

3. 使用`ol.Feature`和`ol.layer.Vector`类将曲线添加到地图中。

const feature = new ol.Feature(bezier);
const layer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [feature]
  }),
  style: new ol.style.Style({
    stroke: new ol.style.Stroke({
      color: 'red',
      width: 2
    })
  })
});
map.addLayer(layer);

完整的代码如下所示：

const controlPoints = [
  [50, 100],
  [50, 50],
  [150, 50],
  [150, 100],
  [150, 150],
  [50, 150]
];

const bezier = new ol.geom.CubicBezier(controlPoints);

const feature = new ol.Feature(bezier);
const layer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [feature]
  }),
  style: new ol.style.Style({
    stroke: new ol.style.Stroke({
      color: 'red',
      width: 2
    })
  })
});
map.addLayer(layer);

效果图如下所示：