openlayers文字标注 (九)

地图文字样式设置

最新推荐文章于 2025-09-10 20:10:19 发布

原创

最新推荐文章于 2025-09-10 20:10:19 发布 · 6.6k 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

本文介绍如何使用特定的代码在地图上设置文字样式，包括位置、基准线、字体、文本内容、颜色及背景等属性，通过具体示例展示了如何在地图上精确地显示带有样式控制的文字。

文字样式

let itemStyle = new Style({
   
   
  text: new Text(({
   
   
    // 位置
    textAlign: 'center',
    // 基准线
    textBaseline: 'middle',
    // 文字样式

最低0.47元/天解锁文章

6 条评论

歌者丶 2020.07.21
博主你好，可以给文字加边框吗？
- 歌者丶回复吴佩佩佩佩 2020.07.23
  [reply]m0_37797410[/reply]博主你好，ol5.3可以发给我用用吗？
- 吴佩佩佩佩回复歌者丶 2020.07.23
  [reply]qq_40947855[/reply]已回复
- 歌者丶回复吴佩佩佩佩 2020.07.22
  [reply]m0_37797410[/reply]https://ask.csdn.net/questions/1091771 博主你看我这个问答题。
- 歌者丶回复吴佩佩佩佩 2020.07.22
  [reply]m0_37797410[/reply]博主你终于回答我了，backgroundFill这个属性，我加了，但是没有效果。可以加个QQ什么的帮我解决一下不。
- 吴佩佩佩佩回复歌者丶 2020.07.21
  [reply]qq_40947855[/reply]可以的，参考下面几个属性 // 文字颜色 fill: new Fill({ color: '#fff' }), // 文字描边 stroke: new Stroke({ color: '#3a87ff', width: 4 }), padding: [2, 4, 0, 4], backgroundFill: new Fill({ color: '#3a87ff' }), backgroundStroke: new Stroke({ color: '#fff', width: 1 }),

评论 6

成就一亿技术人!

拼手气红包6.0元

还能输入1000个字符

添加红包

插入表情

表情包

代码片

HTML/XML
objective-c
Ruby
PHP
C
C++
JavaScript
Python
Java
CSS
SQL
其它

查看更多评论

条评论被折叠查看

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

吴佩佩佩佩 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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