首页 / OpenLayers / 使用示例
线段箭头
样式函数按线段中点生成三角符号,旋转角取该段方向,与线样式一起返回。
源码与运行效果
说明
箭头不是线的属性,而是符号。示例的样式函数遍历每段坐标,算中点与方向角,返回一个旋转过的三角形 RegularShape。
三角默认朝上,旋转角取方向角加 90 度,正好让尖端沿线段指向;箭头大小由滑块控制,改动后触发源刷新。
| 操作 | 结果 |
|---|---|
| 观察三个拐点 | 每段各有一个箭头 |
| 调大箭头 | 符号变大,方向不变 |
| 缩放地图 | 符号保持屏幕尺寸 |
箭头样式随分辨率重算,线段很长时每帧创建的样式对象会变多,必要时缓存。