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

在研究中，我在下面的链接中找到了箭头的一个例子

对于向量层

我需要显示一个两边都有箭头的多边形

---

请帮助…

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

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

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

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

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)'
  })
})
];

在样式函数中，将多边形的外环作为线字符串

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

就这些！！！和

更新

对于仅设置带有箭头的矢量多边形层的样式的情况。

---

我已经和恶魔做了一个决定。我不知道你的情况，但提供的小提琴乱七八糟

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

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

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

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

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)'
  })
})
];

在样式函数中，将多边形的外环作为线字符串

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

就这些！！！和

更新

对于仅设置带有箭头的矢量多边形层的样式的情况。

---

我已经和恶魔做了一个决定。我不知道你的情况，但提供的小提琴乱七八糟

如果要求在贴图加载后立即加载多边形（具有相同的箭头样式），那么如何执行代码（当前多边形仅在交互后显示。）？谢谢你的帮助。你是说用箭头设计一个矢量多边形图层吗？假设您提供的第二个箭头样式的示例？？是的，我指的是带有箭头样式的矢量多边形层。请检查我答案的更新。我提供了一把小提琴来观看它的表演。哇！！谢谢。有没有办法突出显示起始坐标？在我的例子中，我需要显示一个农场（多边形）以及每个角落中标记为纬度和经度的坐标。您的技能令人印象深刻。如果要求在地图加载后立即加载多边形（使用相同的箭头样式），那么如何执行代码（当前多边形仅在交互后显示。）？谢谢你的帮助。你是说用箭头设计一个矢量多边形图层吗？假设您提供的第二个箭头样式的示例？？是的，我指的是带有箭头样式的矢量多边形层。请检查我答案的更新。我提供了一把小提琴来观看它的表演。哇！！谢谢。有没有办法突出显示起始坐标？在我的例子中，我需要显示一个农场（多边形）以及每个角落中标记为纬度和经度的坐标。你的技术令人印象深刻。