问OpenLayers 3-在地图上显示文本，文本大小相对于缩放
EN

Stack Overflow用户

提问于 2016-08-31 09:43:45

回答 1查看 4.1K关注 0票数 3

我目前正在开发OL3，并试图在地图上显示文本。没有问题，我使用ol.style的text属性来显示它。

我的问题是:这个文本的大小总是一样的。如果我没有缩放最大或缩放最大，它仍然是相同的大小屏幕上。我希望它在缩放的同时生长，在没有缩放的情况下缩小，以保持文本相对于地面的大小。

我在以下图像中绘制了预期结果：预期结果

有人有主意吗？也许不需要使用ol.style文本？

javascript

openlayers-3

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-31 13:54:24

要走的路是A型函数。参见演示小提琴。

var style = function () {
  var zoom = map.getView().getZoom();
  var font_size = zoom * 10; // arbitrary value

  return [
    new ol.style.Style({
      text: new ol.style.Text({
        font: font_size + 'px Calibri,sans-serif',
        fill: new ol.style.Fill({ color: '#000' }),
        stroke: new ol.style.Stroke({
          color: '#fff', width: 2
        }),
        text: 'Some text!'
      })
    })
  ];
};

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39246125

复制

相似问题

问OpenLayers 3-在地图上显示文本，文本大小相对于缩放
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问OpenLayers 3-在地图上显示文本，文本大小相对于缩放EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问OpenLayers 3-在地图上显示文本，文本大小相对于缩放
EN