Question

我有一个应用程序，用户可以上传数据并从数据创建地图。但有时候一些与圆形几何的标签定位有关的问题出现在OL中。

圆形元素在＆＃34;洞中获得标签位置＆＃34;而是在实际几何体内，使标签飞来飞去，有时甚至不可读。

是否有可能强制标签在几何体内？

如果你渲染这样的东西，你会得到中心的标签，而不是实际的几何体：

{"bbox" : [ 1291894.8323655454, 6141624.110895131, 1292345.361152353, 6141834.360245953 ],
"outOfFieldApplicationRate" : 0,
"positionLostApplicationRate" : 120,
"originalAnbauGeometrie" : "POLYGON ((11.6053336858749 48.209016852451384, 11.6074051973992 48.20968715883487, 11.6091102361679 48.20861645879208, 11.6073936223984 48.20876660678118, 11.606782078743 48.208759456886895, 11.6055375337601 48.20890960445681, 11.6053336858749 48.209016852451384))",
"themaGeometrien" : [ {
    "geometrie" : "POLYGON ((1292195.1848900837 6141774.288475575, 1292225.2201425375 6141774.288475575, 1292225.2201425375 6141744.252748576, 1292255.2553949913 6141744.252748576, 1292255.2553949913 6141714.21712703, 1292315.3258998992 6141714.21712703, 1292315.3258998992 6141684.181610941, 1292345.361152353 6141684.181610941, 1292345.361152353 6141624.110895131, 1291924.8676179992 6141624.110895131, 1291924.8676179992 6141654.146200307, 1291894.8323655454 6141654.146200307, 1291894.8323655454 6141744.252748576, 1291924.8676179992 6141744.252748576, 1291924.8676179992 6141774.288475575, 1291984.9381229067 6141774.288475575, 1291984.9381229067 6141804.324308032, 1292045.0086278145 6141804.324308032, 1292045.0086278145 6141834.360245953, 1292165.14963763 6141834.360245953, 1292165.14963763 6141804.324308032, 1292195.1848900837 6141804.324308032, 1292195.1848900837 6141774.288475575), (1292045.0086278145 6141684.181610941, 1292165.14963763 6141684.181610941, 1292165.14963763 6141744.252748576, 1292014.9733753605 6141744.252748576, 1292014.9733753605 6141684.181610941, 1292045.0086278145 6141684.181610941))",
    "thema" : "00799dde-d988-8c57-a855-c4ddb5086e48",
    "applicationRate" : 200.0
  }, {
    "geometrie" : "POLYGON ((1292045.0086278145 6141744.252748576, 1292165.14963763 6141744.252748576, 1292165.14963763 6141684.181610941, 1292014.9733753605 6141684.181610941, 1292014.9733753605 6141744.252748576, 1292045.0086278145 6141744.252748576))",
    "thema" : "00799dde-d988-8c57-a855-c4ddb5086e48",
    "applicationRate" : 0.0
  } ]
}

式：

    new ol.style.Style({
        fill: new ol.style.Fill({ color: color }),
        stroke: new ol.style.Stroke({
        color: 'grey',
        width: 1
    }),
    text: new ol.style.Text({
        font: '12px sans-serif',
        text: String(f.get('applicationRate')),
        fill: new ol.style.Fill({ color: color }),
        stroke: new ol.style.Stroke({ color: 'rgba(0, 0, 0, 0.5)', width: 3 })
        })
    })

OpenLayers 3：圆形特征的标签位置

0 个答案: