openlayers4 态势箭头

OpenLayers 4 有一个名为 "ol.style.Arrow" 的内置样式类，可以用来创建态势箭头图标。以下是一个示例代码，演示如何使用它：

// 创建一个箭头图标
var arrowStyle = new ol.style.Style({
  image: new ol.style.Arrow({
    points: 7, // 箭头尖端的点数
    ratio: 0.5, // 箭头长度和线长度的比率
    rotation: Math.PI / 4, // 箭头旋转角度
    fill: new ol.style.Fill({
      color: 'red' // 填充颜色
    }),
    stroke: new ol.style.Stroke({
      color: 'black', // 边框颜色
      width: 2 // 边框宽度
    })
  })
});

// 创建一个包含箭头的线要素
var arrowFeature = new ol.Feature({
  geometry: new ol.geom.LineString([[0, 0], [100, 100]]),
});

// 设置箭头样式
arrowFeature.setStyle(arrowStyle);

// 将要素添加到地图上
var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [arrowFeature]
  })
});
map.addLayer(vectorLayer);

在上面的示例中，我们创建了一个 Arrow 样式对象，并将其设置为一个线要素的样式。然后将该要素添加到一个矢量图层中，最后将该图层添加到地图上。

请注意，Arrow 样式类只在 OpenLayers 4 中可用，在 OpenLayers 5 中已被弃用。