OpenLayers文本标签即使有填充也重叠

Question

Ol文档指出，可以在文本标签上使用填充来进行整理。 ol/style/Text，

但是，即使我指示填充，我的标签仍然重叠。

codepen上的实时示例：https://codepen.io/sjvmarigerr/pen/oNNVMXb?editors=1010

样式功能：

  function styleFunction (feature) {
   return new ol.style.Style({
      text: new ol.style.Text({
        text: feature.get('PORT_NAME'),
        padding: [3, 3, 3, 3],
        font: "bold 15px sans-serif"
    })
  });};

Answer 1

由于缩放级别，我真的看不到它不会重叠的方式，但是要使其更可见，您可以尝试以下示例。

https://codepen.io/gpproton/pen/gOOEjJj?editors=1010

function styleFunction (feature) {
       return new ol.style.Style({
          text: new ol.style.Text({
            text: feature.get('PORT_NAME'),
            padding: [3, 3, 3, 3],
            font: "bold 11px sans-serif",
            stroke: new ol.style.Stroke({
              color: '#ffffff',
              width: 1
            }),
            fill: new ol.style.Fill({
              color: '#000'
            })
        })
      });
};