经纬志
首页 / OpenLayers / 使用示例

线段箭头

样式函数按线段中点生成三角符号,旋转角取该段方向,与线样式一起返回。

OpenLayers 10.3.1 · 对应官方 line-arrows.html · 更新 2026-10-28
源码与运行效果
运行效果

说明

箭头不是线的属性,而是符号。示例的样式函数遍历每段坐标,算中点与方向角,返回一个旋转过的三角形 RegularShape。

三角默认朝上,旋转角取方向角加 90 度,正好让尖端沿线段指向;箭头大小由滑块控制,改动后触发源刷新。

操作结果
观察三个拐点每段各有一个箭头
调大箭头符号变大,方向不变
缩放地图符号保持屏幕尺寸

箭头样式随分辨率重算,线段很长时每帧创建的样式对象会变多,必要时缓存。