关于openlayers中text 时显时没的问题解决办法

还是大剑师兰特
优质创作者: 数据科学与机器学习技术领域
2023-06-30 11:07:55

今天一个GIS技术人员加我微信(gis-dajianshi),问了个问题。 他在feature添加文字样式后,随着zoom的放大缩小,文字一会显示,一会消失。

失败效果:

 解决办法

后来我查了一下API,需要在text部分添加overflow:true, 即可以解决。

成功效果:

 

核心代码:

          feature.setStyle(function(feature){
            return new Style({
              stroke: new Stroke({
                width: 1,
                color: [255, 0, 0, 0.8]
              }),
              fill: new Fill({
                color: [0, 0, 255, 0.6]
              }),
              text: new Text({
                text: item.name,
                overflow:true,
                fill: new Fill({
                  color: '#fff'
                })
              })
            })
          })

 

...全文
970 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

82

社区成员

发帖
与我相关
我的任务
社区描述
本社区主要讨论GIS前端开发的相关问题,恭迎小伙伴们加入本社区.
javascripthtml5css3 技术论坛(原bbs)
社区管理员
  • 还是大剑师兰特
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧