首页 / OpenLayers / 使用示例
`r`n 街道沿线标注
道路名称顺着线走才好读，placement: 'line' 让文字贴合线段方向。
源码与运行效果
说明
示例给了四条示意道路，样式里给 ol.style.Text 设置 placement: 'line' 与 overflow: true，文字会沿线段铺开。两个复选框分别控制 rotateWithView 与 repeat：前者让文字随地图旋转，后者控制文字在线上的重复间距。改动后调用 layer.setStyle 重建样式函数，标注立即更新。
| 操作 | 结果 |
|---|---|
| 取消勾选「文字随线旋转」 | 文字始终水平，不再贴合线段 |
| 取消勾选「沿整条线重复」 | 每段线只保留一处标注 |
| 缩放地图 | 字号不变，重复间距按像素重新计算 |
要点
repeat以像素为单位，取值过小会让文字挤成一团。- 线的宽度要大于文字高度，否则文字会溢出到线外。
道路密集时沿线标注容易互相压盖，配合 declutter 使用效果更好。