如何用箭头创建Openlayer 3多边形？

Question

在研究中，我在下面的链接中找到了箭头的一个例子 http://openlayers.org/en/v3.8.2/examples/line-arrows.html

和矢量图层http://openlayers.org/en/v3.1.0/examples/vector-layer.html

我需要在每一侧显示带箭头的多边形。

请帮忙......

Answer 1

使用您提供的第一个示例，并执行以下修改。

1. 将绘制交互的几何类型更改为多边形

   map.addInteraction(new ol.interaction.Draw({
    source: source,
    type: /** @type {ol.geom.GeometryType} */ ('Polygon')
   }));
   

2. 在多边形的样式中添加填充颜色

   var styles = [
   // linestring
   new ol.style.Style({
     stroke: new ol.style.Stroke({
       color: '#ffcc33',
       width: 2
     }),
     fill: new ol.style.Fill({
     color: 'rgba(255,0,0,0.5)'
     })
   })
   ];
   

3. 在你的样式函数中，将多边形的外环作为线串

   var geometry = new ol.geom.LineString(
   feature.getGeometry().getLinearRing(0).getCoordinates()
   ); 
   

这就是全部!!!和How to design system to allow migration of encryption?

<强>更新

对于样式的情况，只是带箭头的矢量多边形图层。 我向示威者做了fiddle here。我不知道你的情况，但提供的小提琴是一堆箭头。