openlayer style text

options

1. font    (string)    字体

字体样式作为CSS的“字体”值,请参见:https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/Font。默认值为“10px无衬线”

2.maxAngle    (number)       最大角度

当 文本放置 设置为“line”时,允许相邻字符之间的最大角度。期望值以弧度为单位,默认值为45°(Math.PI/4)

3.offsetX    (number)   右偏移像素

水平文本偏移(像素)。一个正数将把文本右移。默认为0

4.offsetY    (number)   下偏移像素

垂直文本偏移(像素)。一个正数会使文本下移。默认为0

5.overflow   (boolean)   

对于多边形标签或当“文本放置”设置为“直线”时,允许文本超过标签位置处多边形的宽度或它所遵循的路径的长度。默认为false

6.placement   (ol.style.TextPlacement|String default to 'point')

文本放置  默认为point

7.scale(number)   

8.rotateWithView   (boolean) 默认为false

是否随视图旋转文本。

9.rotation    (number)  默认为0

顺时针正旋转。

10.text      (String)  文本

11.textAlign        (String) 

文本对齐。可能值:“left”、“right”、“center”、“end”或“start”。当 placement为“point”,默认为“center”。

对于placement:“line”,默认设置是让渲染器选择不超过maxanger的位置。

12.textBaseline       (String) 

文本基线。可能值:“底部”、“顶部”、“中间”、“字母”、“悬挂”、“表意文字”。( 'bottom', 'top', 'middle', 'alphabetic', 'hanging', 'ideographic')

13.fill   (ol.style.Fill|default color:'null') 

填充样式。如果没有提供,我们将使用深色填充样式(#333)。

14.Stroke     (ol.style.Stroke|color、lineCap、lineJoin、lineDash、lineDashOffset、miterLimit、width) 

15.backgroundFill

placement is 'point'   时文本背景的填充样式。默认为“无填充”。

16.backgroundStroke

placement is 'point'   时文本背景的笔划样式。默认为无笔划

17.padding   默认为[0,0,0,0]

在文本周围填充像素以进行分隔和背景处理。数组中的值的顺序是[上、右、下、左]。

 

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
OpenLayers的样式控制是通过一个通用的样式对象Style来实现的。图层(Layer)和图形要素(Feature)都可以设置Style对象来展示想要的结果。在OpenLayers中,可以使用Style对象的fill属性来设置矢量图层的填充颜色和透明度,使用stroke属性来设置边界样式,以及使用text属性来设置文本样式。在实例化时,可以通过new ol.style.Style({})的方式来创建一个样式对象,并通过fill、stroke和text属性来设置相应的样式属性值。 请注意,这只是OpenLayers中样式设定的一个示例,实际使用时可以根据需求进行自定义的样式设置。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Openlayers Style 样式演示](https://blog.csdn.net/linzi19900517/article/details/123571088)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [OpenLayer学习之style样式的学习笔记](https://blog.csdn.net/weixin_40184249/article/details/80693698)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值