openlayers 箭头

对于OpenLayers中的箭头，你可以使用OpenLayers的Style功能来创建自定义样式。以下是使用箭头样式绘制线要素的示例代码：

var arrowStyle = new ol.style.Style({
  stroke: new ol.style.Stroke({
    color: 'blue',
    width: 2
  }),
  image: new ol.style.RegularShape({
    fill: new ol.style.Fill({
      color: 'blue'
    }),
    stroke: new ol.style.Stroke({
      color: 'blue',
      width: 2
    }),
    points: 3,
    radius: 10,
    rotation: Math.PI / 4,
    angle: 0
  })
});

var lineFeature = new ol.Feature(new ol.geom.LineString([[0, 0], [100, 100]]));
lineFeature.setStyle(arrowStyle);

var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [lineFeature]
  })
});

var map = new ol.Map({
  target: 'map',
  layers: [vectorLayer],
  view: new ol.View({
    center: [0, 0],
    zoom: 2
  })
});

这段代码将创建一个包含箭头样式的线要素，并将其添加到地图上。箭头样式由蓝色的线和一个具有三个点的蓝色填充形状组成。