首页 / OpenLayers / 使用示例
标签样式控制
同一套控制面板驱动点、线、面三个图层的文字样式，修改参数立刻生效。
源码与运行效果
说明
三类要素各有一个样式函数，函数里根据控件值新建 ol.style.Text。font 由字号拼接，placement: line 只对线要素有意义，overflow 控制文字能否超出几何范围。控件变化时调用图层 changed() 触发重绘，样式函数重新计算。
| 操作 | 结果 |
|---|---|
| 拖动字号滑块 | 三类标签同步放大或缩小 |
| 修改颜色 | 文字填充色即时变化，描边保持白色 |
| 勾选「沿线放置」 | 线要素的文字沿线段方向旋转排列 |
| 取消「允许溢出」 | 超出几何范围的文字被裁掉 |
线要素文字要设置 maxAngle，否则急弯处文字会倒置；地图旋转时 rotateWithView 决定文字是否跟随。