使用偏移量 -OpenLayers 将 label/text 分配给图标

Question

我想使用 OpenLayers 将文本或标签分配给图标。我能够将标签分配给图标，但它会在图标上放置文本。但我想在偏移处显示标签，以便图标和标签都能正确显示。我试过使用 offsetY 但它不起作用并且不会更改位置。

var styleToponimiFunction = function(feature,resolution) {
      console.log(feature);
      var iconName;
     
      if (feature.get("remark")=='Daerah Istimewa') {
        iconName='daerah_istimewa2.png';  
      }
      else if (feature.get("remark")=='Kecamatan'){
        iconName='kecamatan.png';  
      }
      iconStyle = [new ol.style.Style({
        
          image: new ol.style.Icon(({
              anchor: [0.5, 46], 
              anchorXUnits: "fraction",
              anchorYUnits: "pixel",              
              scale:0.03,
              opacity:1,
              src: "icons/" + iconName,
             })),
          text: new ol.style.Text({
                text: feature.get('namobj'),
                font: '12px Calibri,sans-serif',
                fill: new ol.style.Fill({ color: 'black' }),
                stroke: new ol.style.Stroke({
                color: '#fff', 
                width: 2,
                textAlign: 'center',
                Baseline: 'hanging',               
                offsetX : 0,
                offsetY : -12,           
                          
                }),
                declutter: true,
                overflow: true
             }),           
             })
             ]
      return iconStyle;
    }

Answer 1

文本选项不应该在 Stroke 构造函数中，Baseline 应该是 textBaseline

            stroke: new ol.style.Stroke({
              color: '#fff', 
              width: 2,
            }),
            textAlign: 'center',
            textBaseline: 'hanging',               
            offsetX : 0,
            offsetY : -12,

使用偏移量 -OpenLayers 将 label/text 分配给图标

Assign label/text to icon using offset -OpenLayers

label

styles

offset

openlayers

labeling